So this is pretty much what I'm trying to achieve:
Each bar would be a series, and each serie would have associated a point within the metrics.
The issue here is that I cannot figure out how to join those dots with the line, apparently for being separated series.
Here we have a similar example, but only with one series:
https://www.highcharts.com/demo/combo-dual-axes
Hope anyone can help out here.
Many thanks and have a nice day!
Related
I have a column chart made with Highcharts and I want to add lines associated with each column showing benchmarks. I know Highcharts has a concept of plot lines, where there is one benchmark value given for the whole chart, but in my case, each column needs it's own benchmark. Here is a super simple example of how I want this to look:
I have some ideas of how I could do this, but they all seem like kind of indirect solutions. I could implement the benchmark lines as another column series, and style them so that only the top of the column shows, or as a scatter series where the "points" are actually lines, but I don't know if either of those are possible and they sound like a complicated way to do something simple. Hopefully I'm just missing an obvious feature of Highcharts.
Does anyone know how to do this? Thanks.
I recently asked a question on here, but wanted to simplify it perhaps to get a response..
can anyone advise on using d3.geom.hull to draw shapes around a series of points?
I have data grouped into 3, and I would like to create a "hull" encompasing each group. I have managed to do it for one, but have trouble to do it for all 3.
Thanks!
I want to do a chart with multiple candlestick series. Im getting the series drawn one on the top of other and i want them grouped next to each other.
Is it possible to achive this:
http://www.highcharts.com/demo/column-basic
with candleStick series?
If you have in mind some other aprroach that can help me, please feel free to share it.
Thx.
Unfortunately candlestick cannot be grouped as you achieved.
I'm using nvd3.js and I'm trying to add multiple charts to one graph. I know you can do this in AmCharts, but I couldn't figure out if you could with nvd3.js. I did successfully graph 2 graphs in the same div, but they're both graphed on their own respective axes.
If you are asking if it's possible to add multiple data series to the same graph... the answer is yes, as it's shown in the examples page of NVD3...
Here an example of a lineChart with two lines:
http://nvd3.org/ghpages/line.html
If this is not what you are looking for, please add more info!
I am looking into trying to stack completely different series/charts on top of each other but on the same chart. For instance I could have two charts stacked vertically and when I move the cross-hair on one, it will move on the other almost as if the charts are linked. As well, I'd when I zoom in one, it would trigger the other to zoom. Please see the image at the bottom I "doctored" to give you an idea of what I'm trying to accomplish.
Things I've tried:
creating two completely separate charts and stacking them.
This is the closest I've gotten to what I need but they are still separate entities so it won't work for what I need, cross-hairs/zooming/etc. all need to work as though the charts are linked/combined.
In the options I tried the "stacking" option.
this won't work because it "stacks" or groups data, I want to literally have two separate series that might not have anything in common with each other.
Rendering muliple y-axis.
the only issue with this is that it's overlapped data, I'd like it to be offset so we can see it in a stacked layout.
I'm pretty new to using this library so if any of my terminology or explanation doesn't sound right, please sound off and I'll elaborate.
Thanks everyone!