When the I temporarily hide my am4Charts XYChart and update the data, the formatting of the axes and title is messed up. How can I fix it?
Call the reinit() function on your chart object.
Related
There is nvd3 code that creates the charts, for instance:
https://github.com/novus/nvd3/blob/master/examples/scatterChart.html
But how to just update the already created chart with new data? I tried to just run
d3.select(node)
.datum(data_func)
.call(chart)
Thinking that nv.addChart() is adding the chart, but the code above actually added new chart without removing the previous one.
Any suggestions would be greatly appreciated.
Update
I figured out that d3.select(node).datum(data_func); is updating the data for the chart. So, if I call it and then resize the window, the data is updated without chart being redrawn. Now I do not know which function to call to update it automatically.
So, the solution was just to use a global variable for chart and call the code:
d3.select(node)
.datum(data_func);
chart.update();
So I have a chart which has a shared tooltip across multiple series. This is a time-based series, with categories of each hour in a day. I'm able to correctly format the labels in the chart just fine.
The issue I have is that I can't seem to change the title of the tooltip. It's always formatted as m/ddd/yyyy. I've tried changing the template, changing the format, etc, but because it's shared those only seem to be applied to the values and not the category title itself.
Is this possible to do? Can I create a custom tooltip instead of using the chart tooltip builder? I've been trying to do this, but have not gotten it to work successfully yet.
It turns out I needed to set the SharedTemplate instead of the Template.
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 want to use exactly this d3 donut chart.
This 3d chart
However, instead of showing percentage, I'd like to show the raw datas that I am providing.
Ideally, the percentage could be shown (as it is now) and I could show the raw datas for each donut part using an onmouseover tooltip!
Can't make it work.
Thanks a lot for any help!
Are you looking for this,I update the fiddle with tool tip,
Initially add a div to the body i.e.
var div = d3.select("body").append("div").attr("class", "tooltip");
then whenever user makes a mouseover or mousemove on the paths/arcs do the necessary.
have a look in http://jsfiddle.net/Q3dhh/25/
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.