It would be great to have some support for charting hierarchical data in the Angular 2 Components. It would be especially nice to see something like the old TreeMap widget brought into the library and extended such that the data visualization could change (specifically a sunburst chart option would be really nice). Additionally, it would be great if there were native functionality in the component to drill deeper into the hierarchy rather than always having to look at the top level view (i.e. clicking a sub node would "zoom in" to view it as the new root level node). This example treemap and sunburst (implemented using d3.js) are along the lines of what I'm suggesting. http://mbostock.github.io/d3/talk/20111018/treemap.html http://bl.ocks.org/mbostock/4348373
I would like to have two-way data binding on some properties that are set by components themselves. Currently no output is offered for things like the min and max values of axes. It seems they can only be set, not read. Ideally, I would like to do something like this: <kendo-chart-y-axis-item [(max)]="yMax" [(min)]="yMin"> </kendo-chart-y-axis-item> <input type="number" [(ngModel)]="yMin" /> <input type="number" [(ngModel)]="yMax" />
Organisation Chart Like Web form. kindly provide this control very helpful
We have a case with a chart with values: Date-Value that only applies to working days.
Non of the current options of missingValues ("gap" | "interpolate" | "zero") suits us. Interpolate is the closest option but it pretends to have 2 additional points (Sat & Sun) between Friday and Monday while we prefer just to connect directly Friday and Monday so both label and chart-line shape showns that 4 weeks (28 days) data based chart is based on 20 points and not 28 points (20 real points and 8 interpolated points).
Can this be achived currently? If not can you extend missingValues with additonal option (eg. "ignore") to do as explained above?
Thanks,
Tomasz
The legend in the kendo charts has limited customization available via geometry and layouts (inherited from Group <- Element) using the visual property. But this does not allow a complete range of customization equivalent to html templates such as :
1. Table containing multiple information against each legend item. (eg : If the above legend consists of multiple items in a row could use Kendo grid in it).
2. No hyperlinks support in the text for routing to different pages on the UI or anywhere else.(eg : In the above Offline could be a hyperlink to navigate to other detailed page).
This point I think is important. Also an hyperlink (or maybe a click on an svg hide navigate to a separate legend in place).
3. Some other features supported in html such as sliders in a legend to display more info on icon click. (eg : clicking on an icon should expand the details for each legend item ).
4. Not sure if there is an svg support too. (eg: In the above I would like to place an svg icon in place of circle geometry for colored indicators).
Also it would be much convenient to allow an html template inside the legend instead of coding geometries. The above points are in support for the need for a custom html template to be either accepted as the property of the legend or to allow to construct an html code under the <kendo-chart-legend></kendo-chart-legend>
add native support for displaying the series stack label. as for today doing so is a work around using the labels property of seriesDefaults.
Currently missing values can be either interpolated (with the same dash type), zero or gap. It would be nice to provide the opportunity to configure the dash type for the missing (interpolated) values and have for example a solid line for the existing values, and dashes for the interpolated portion.
Component kendo-chart-navigator has to be usable also with other chart types not only stockchart. We think that could be really useful to move it from StockChartModule to ChartModule and find a way to use it in a new way! See for example: http://plnkr.co/edit/CYTIcQYcx3SqSLEFCA59
I have the following data: Price Downloads 59 10 62 15 69 30 70 10 75 25 78 30 I want to present the data in a chart in such a way that the Price are grouped together and the Downloads have their medians. So it would be: < 59: 10 61-70: (Median of 62, 69 and 70 above) 71-80: (Median of 75 and 78 above) X-axis would be the Price then Downloads on Y-axis. I can create the median but I just want to be able to group the X-axis.
Provide the animation once select or deselect the legend the visible line in chart should rerender with animation
Charts that use one or more value axis should expose the means to specify which values on that axis are labeled, instead of basing the labels on the min value of the axis and the major unit. Ex, using the Angular syntax: <kendo-chart-value-axis-item min="0" max="10" [labelsAt]="[2.5, 4, 7]" > yielding an axis like ----------|------|------------|------------ 2.5 4 7
Can you implement a new chart like the below reported? It's a bubble chart without considering the xaxis https://bl.ocks.org/alokkshukla/3d6be4be0ef9f6977ec6718b2916d168
Please provide a global Charts font property that allows to set the font for all Chart elements.
Thank you.
It would be great if your pan and zoom had sliders to more easily navigate a long duration chart.
See these couple examples: https://www.amcharts.com/demos/line-chart-with-range-slider/ https://www.amcharts.com/demos/zoomable-value-axis/
Please provide the Charts selection functionality for vertical category axis as well.
thank you
I want to align the Chart Plot Area on the left side (similar to the position property of the Legend component).
Currently, the same can be achieved only with the Drawing API in render event handler. Here is an example:
https://stackblitz.com/edit/angular-ucwo6p
Providing a built-in position option for alignment of the Plot Area will be an easier and intuitive appraoch.
Thanks.
Hi,
Please provide an ability to set the axis range in the drag/zoom events.
Thanks
Enabling Shift-key zooming in the stockChart produces an exception when the user Zooms.
I was told by T. Tsonev that this feature is not supported in the stockChart.
Here is a example:
https://stackblitz.com/edit/angular-gmoekv-rwu28c?file=app/app.component.ts
When the chart is configured to use the selection zoom. One must press the Shift-Key and select an area inside the chart to zoom.
I the chart shows tooltips, in most cases the tooltip pops up under the cursor and it is not possible to select an area.
The tooltip shoud be disabled, when the shift-key (or the configured key) is pressed inside the chart area.