When the user hovers on the kendo-UI pie chart, each slice has a hover effect that i'd like to take off. Anyone know how to do this?
Maybe a bit late, but check this configuration property: http://docs.kendoui.com/api/dataviz/chart#configuration-series.highlight.visible
Set series.highlight.visible to false to remove the hover ("highlight") effect.
Related
I know this is a silly one but haven't been able to fix my chart.
I have a bar chart created showing the number of Reps per Location and I want to have my label in white. What I'm doing right now is to go to the X Axe, under the Title option I'm choosing ''white'' as the Font Color. But this doesn't have any effect (label is still black).
Any ideas?
Thanks!
Edit --
Thank you for the help!
I'm not sure what I'm doing wrong, have no CSS no nothing but still it won't change the label color. Example below with dummy data on a blank new page:
X Axe:
Not that font color; scroll down to Tick Label and set its color:
Update: The Apex Team has raised a bug ticket to fix this behavior.
I am trying to visualize a filter in my stock chart by graying out data points which are affected by the filter. I'm using axisGuides on my valueAxis in order to achieve this. However, I also have axisGuides on my categoryAxis and unfortunately, these now disappear beneath my horizontal axisGuides.
Is there any way to change the z-index of those guides? Or does anybody have a different solution?
I have adapted an official amCharts example to show what I mean:
http://jsfiddle.net/wq97ujne/
I'm setting plotAreaFillColors": '#ababab' on my stock panel and fillColor: "#ffffff" on my valueAxisGuide.
I would like for the vertical guides to be drawn in front of and not behind the white area.
You need to set above: true for the categoryAxisGuides.
I wanted to use Notes in charts to display function equation on chart. It works but there is additional marker visible and I cannot find any information how to hide it. Please check picture attached.
Can you help me with hiding this marker which I mark on the picture?
Set the series.notes.icon.visible to false
https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.notes.icon#series.notes.icon.visible
I want to change the kendo chart type dynamically. I am referring to http://demos.telerik.com/kendo-ui/chart-api/index link. I made a change in this code and added one more chart type "area" along with other three chart types. But I see a weird behavior. After clicking on "Area" chart type option the color of the chart gets faded. Then if I click on any other chart type also, the color looks faded. But if I don't click on Area chart type option then color is intact. This happens for all the color themes. Anyone aware of any reasoning or solution for this behavior.
Thanks in Advance.
I saw this issue specifically when changing from the "pie" type to the "area" type. The issue ended up being that my datasource had a two series in it when I was rendering the pie chart, and when I changed to the area chart the pie chart had corrupted the chart config a bit. I modified my code to ensure that the pie chart always has a single series of data, and instead of calling "redraw", I called "refresh" when I changed the chart types.
I think what I am asking is impossible, or at least so complex/hacky it would not be worth it-but in case I am wrong...please let me know.
I have a series of 4 kendo dataviz bar charts, each representing the same set of objects, each chart graphically displaying one property of the objects. What I would like is if a marker on one chart is clicked (so that object is "selected"), to highlight this object's marker on the other 3 charts. See pic for example:
I have looked through the Kendo Dataviz website/docs, inspected the SVG markup, and looked through the object returned on the series click (in Visual Studio), but haven't found anything that could be used to accomplish this. The one thing I have come up with is redrawing all the charts with the selected item "marked" within the data array so when it is redrawn, that item can be redrawn with a different color...but I'd like to avoid redrawing all the charts each time, if possible.
Does anyone have any suggestions? I would greatly appreciate ideas, the least complex the better. Thanks so much!
The closest way I know of achieving this without a redraw would be to use the axis selection property as a selection slider with a restricted width to one column range and prevent resizing. This would simulate a selection highlight without redrawing.
You can also use plotBands property on the CategoryAxis. This is how I am doing it:
$("#chart").data("kendoChart").setOptions({ categoryAxis: { plotBands: [{ from: index, to: index + 1, color: "#ffd0c0", opacity: 0.4 }] } });