Ngx-charts: Trouble finding HeatMap Calendar data format

Created on 11 May 2018  路  4Comments  路  Source: swimlane/ngx-charts

I'm submitting a ... (check one with "x")

  • [X ] bug report - search github for a similar issue or PR before submitting
  • [ ] feature request
  • [ ] support request - use StackOverflow (add the ngx-charts tag) or the gitter chat for support questions

Current behavior
What is the format for CalendarData?
A new user has a very difficult time finding a working example. The demo page
https://swimlane.github.io/ngx-charts/#/ngx-charts/calendar shows a great chart but there is no easy way to get a working example. I searched and was finally able to locate an issue that actually had valid links to working Plunkers

https://github.com/swimlane/ngx-charts/issues/189

With the Heat Map plunker, I was able to get a chart to display. However, I am trying to get the HeatMap Calendar to work and I cannot find the format for the "calendarData" that is needed.

Expected behavior
It should be much easier to get from finding NGX-CHARTS to having a chart displayed. I might not be looking in the right place for the information, but I am probably not alone.

Reproduction of the problem

What is the motivation / use case for changing the behavior?
Better experience for developers.

Please tell us about your environment:
Visual Studio Code, WebPack

  • ngx-charts version: 8.0.0

  • Angular version: 6.0.0

Most helpful comment

To save anyone else who has this question. I worked it out to be:

[{
  name: startOfWeekDate,
  series: {
    date: dayDate,
    name: dayName,
    value: theValue
  }
}, 
etc etc, 

it might be worth adding a comment in the demo code as such....

All 4 comments

Did you found anything new about the datas ?

Check out the getCalendarData() method from here.

Thanks

To save anyone else who has this question. I worked it out to be:

[{
  name: startOfWeekDate,
  series: {
    date: dayDate,
    name: dayName,
    value: theValue
  }
}, 
etc etc, 

it might be worth adding a comment in the demo code as such....

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ronybarbosa picture ronybarbosa  路  3Comments

kakalos12 picture kakalos12  路  4Comments

sjdemoor picture sjdemoor  路  3Comments

jvbianchi picture jvbianchi  路  4Comments

Jacquers picture Jacquers  路  3Comments