I have a highstocks multiseries chart and i want to show zones on one of the series. I have tried the example here:
http://api.highcharts.com/highcharts#plotOptions.series.zones
but for some reason my zones show up with very translucent colors even though i have specified solid colors. Anybody face this situation?
enter image description here
Related
Is there any way to get the legend "icon" in tooltip? I need to show the legend "icon" in the tooltip so i can identify what series I'm referring to.
I'll try to explain it better.
When you create a chart, in the legend, next to the name of the series, there is a "mini" line, that represent the line of the series, the color, and the style.
That what I need to show in the tooltip.
I'm not referring to the dot marker but the small lines that appears in the legend.
Is that possible?
Edit:
I'm using the formatter that the tooltip api provides. There I have a reference of the point that I'm hovering on, and all the data associated to that point.
I can get the value, the chart, the series, the series to which it belongs, que point marker, almost everything.
But I can't figure how to get the little coloured line that appears next to every series name in the legend.
I guess is as simple as get one of the values that appears in the point data, but I don't know what I should look for, there are a lot of properties.
I found a solution.
You can look for the point.series.legendLine.
There you have all the info required for the legend svg, even you can get the outerHTML and paste directly to show the legend icon.
Here is chart http://jsfiddle.net/erzLp3n9/2/
I need to remove color as this image is seems
this image
I have two different series.
I do not want to use area-stacked and arearange because that two different series is dynamic.
I had try by this http://jsfiddle.net/erzLp3n9/3/ but not working
By using negativeFillColor you can color the area if it is negative, which seems to be the problem with your second example.
See this fiddle.
Where I set plotOptions.area.negativeFillColor.
If you are wondering why they don't look like the same color, it is because the top one is 75% opacity, see Highcharts API.
Could you explain exactly why you do not want to use stacking? This option along with setting color of the second series to transparent gives desired effect.
API Reference:
http://api.highcharts.com/highcharts/plotOptions.series.stacking
Example:
http://jsfiddle.net/xhx34mvg/
I want to change the color showed on the left of the stock name in the candlestick chart , BUT when edit color: in the series, it also changes the color of my candlestick chart, I want to have different color for every stock but to keep the same color in the chart. Any possible ways of doing this?
I have a Highstock chart that is populated dynamically. The chart is based on this example. One of the series is "column" series. When I call series.addPoint, the point object contains the color property, which is set to either red or green.
When there are just a few data points, the column colors are red or green, but when there is a lot of data, the colors of all bars switch to blue. Do you know how to prevent the color from switching to blue?
The other issue is the date in the tooltip shows Week of [Date] instead of just stating the Date. Not sure if the root cause of this issue is the same.
Thanks.
Probably it is relted with fact that in Highstock, dataGrouping is enabled, so data is grouped and have "no knowledge" which color should be. So I advice to disable dataGrouping.
http://api.highcharts.com/highstock#plotOptions.series.dataGrouping.enabled
Using highcharts, how would I put a default grey bar under my column charts, for example, like this?
And how would I do something similar for a pie chart (if my data takes up 30% of the chart, show the remaining 70% as light grey or something similar to denote unused space of the pie chart)
For the Pie chart there has been a bit of a back and forth in the highcharts forums. What I would do is get all of your data you need to plot and find out what percentage of the total all of that data is. Then, with the remaining percentage create another data point and set its color to grey.
But you really have to consider what is the total percentage means - without further detail I cannot begin to guess.
As for the first question about "default grey bar under my column charts" it is not clear from that link what you mean. I do not really see what you mean with the charts I have looked at.