In react-jsx-highcharts, when all series are off toggled off via the legend, but one is toggled back on, if the chart data updates at the same time, a "Ghost" line draws across the graph. Is there an option in the Highcharts API to prevent this from happening?
Related
I want a legend to appear in my sunburst chart (to be able to hide data on click).
Here is an official example of a sunburst chart: https://playground.anychart.com/gallery/Sunburst_Charts/Employee_Count_by_Country
I tried to add:
chart.legend().enabled(true);
But I do not see any legend nor any error messages in the console. The website says:
In AnyChart, the legend can be used with Basic Charts, Stock Charts, Maps, and every other chart type.
So i expected the legend to show up, but it doesn't.
1) If you remove the custom coloring (like chart.fill() and palette), you'll see the default anychart palette.
2) Sunburst chart uses tree-data. It is not the series separation by category or value.
It means that is not clear how to provide legend data. Separation by root data? By values? By any additional conditions?
That's why legend is not included in sunburst by default. In this case customer is able to use standalone legend to provide any data.
I'm trying the Sunburst chart. After struggling with the dimension, it's beginning to show like I wanted.
However, I just realised that selecting slices in the Sunburst doesn't change its shape. It only greys out non-selected slices. On the other hand, when selecting values on an associated chart, the Sunburst reshapes indeed. The very dc.js example behaves like this.
Although understanding that the greyed out slices are kept on screen in order for the user to be able to select them, I was expecting the Sunburst to implement that zoom out by clicking on the centre, or keeping a reset link outside.
Is there a way to redraw the Sunburst that rolls over the visible slices and hides the non-selected, just like the D3 Zoomable Sunburst?
I need to create a chart that shows a series of events (see image, in this case 6) that have a duration of time between them.
I've been able to approximate this with a sankey chart and curveFactor:0, but I can't seem to adjust the space between each node.
Is there some way I can achieve this? It doesn't have to be sankey chart. I can use anything in the Highcharts library. I'd also considered a stacked bar chart but ran into another set of issues.
I'm currently working on High Charts
Currently, each chart has its own drilldown! However, what I want is to implement a multiple series drilldown. For instance, in the first container - it has 2 charts (1 line chart and a column chart) - and when I click a bar, it'll drilldown together with the line chart.
It's the same as when you click the xAxis, both the bar and line chart will drilldown. How can I do this?
I'm using Flot.js to make a simple line chart on my page; the problem I'm currently faced is that, without any clear cause, the data points which I've chosen to render as circles will occasionally render as squares. Most of the time, it appears normally. However, occasionally after a refresh of the page the chart will simply decide to appear differently. It's unclear what the cause of this is.
One thing which I've noticed however is that, when this bug occurs, another chart I have (this one a pie chart) stops properly rendering the radial hole in the center. One always occurs at the same time as the other; resizing the chart area (using the resize plugin) doesn't help and refreshing causes it to display properly only some of the time.
Here's a list of plugins I'm loading:
Flot core
Navigate
Pie charts
Resize
Selection
Threshold
Time
Note that not all of these are used for all of the charts; navigate, selection, threshold, and time are all used only for the line chart, and resize is used for everything.