Is there any possibility to stop rendering a chart in high chart on legendItemclick event.
In my current scenario , there are six columns, where the second column is placed in mid of the first column , using series.PointWidth and series.groupPadding options and respectively for other columns.
when I click on any legend the columns are collapsed and irregular.
I just want to place the other column in same position and just hide other column for which the legend is toggled.
In general it should be possible to achieve with ignoreHiddenSeries: false, but looks like it's a little buggy: http://jsfiddle.net/6GCbp/. Reported here, thanks!
Related
So I have 3 values which are, Percent, Target, and Overtime.
I want to show on the chart the percent with overtime as one stacked column chart, but for the target, I want to make it show as one line as it will be like a fixed value.
I have tried a lot but it didn't work for me at all. Does anybody have any idea how to get this working, please?
Here is the sheet for the chart: https://docs.google.com/spreadsheets/d/1pSyWYMzDFGDNkDTfv1LMurcsvrN6bx3GjxVbmqFijk8/edit#gid=0
Is this were you looking for?
Chart editor: in Customize tab on Series setting you can change each one of [Percent,Target,Overtime] specifically to be type [line, column, or more] to make combo chart
I hope it'll help you
I am using HighStock for comparative analysis, where it shows same number of series during different time periods, as shown in this fiddle.
It has multiple x and y axes. when I move mouse over the chart, it shows series wit value at mouse current location.
Problem:
Problem in this chart is, tooltip do not show values of all series, but a few and those series change in tooltip window. I want tooltip to show all series with corresponding or nearest point value at mouse location.
Another problem is with navigator, navigator is showing only dates corresponding to first x-axis it should show dates of all axes, stacked one above the other(like in chart),
Moreover, when I minimize the navigator window, it shorten only first x-axis but not all, I want it to shorten all x-axes. The said issue can be observed in following image.
In a column chart, I want to face other columns on mouse overing on one column.
Another advanced version of this that I am trying to achieve is in case of stacked column chart. Fade everything apart from the stack on which mouse is over.
You're not supplying code to begin with so I'll try to be as specific as possible in my solution. You want to start by creating a mouseOver event which is triggered when you hover over any of your columns. This event will identify the column being hovered. You then trigger a function which 'fades' all series EXCEPT the hovered one. The fading can be done by grabbing the original colors of the columns and increasing the brightness. Then on loss of hovering, return to the original brightness.
If you provide us with a fiddle, we will be able to give you a more specific response but please attempt the task yourself.
We want to show the same trackball for the column, ohlc and candlestick series style as line series in highstock(show a circle symbol track ball).
Is there suggestions or ways that we can follow to implement this within highstock?
And we meet another issue, it when we change the chart style from OHLC to line, by updating the data and style of the series, it will cause the chart to show empty, is there way to resovle this issue?
Thansk
I have a kendo chart on my view that looks something like
You can see the x-axis label values overlap with each other because the series values too much. One solution is to increase the rendering space for the chart but in my case the UI does not allow increasing the space. How can I make this chart more bearable to the user?
Thanks
You can use:
Combination of steps and skip to remove some of the valueAxis labels.
MajorUnit to set different interval between major divisions.