I wanna show several series in one chart, and I only wanna the first series to be shown by default. The other series's data shouldn't be fetched until the according legend is clicked, so that the loading speed will be faster.
Only when the according Legend is clicked, then the chart will use AJAX to fetch data and show it, Can highcharts do that?
I have seen several similar questions about lazyload, but they are all using highstock, can highcharts.js do it?
Related
I have a question about several stock charts.
Put the series data into an array by name.
Hovering over the chart shows only one data.
I am curious how to make several together.
My code is here:
https://jsfiddle.net/HongRaeCho/rxpjy7nu/
I am working with Highcharts heatmaps.
I have multiple data points (I am calling them functions), each having some data series defined as
The format of the above is
string, epochtime, value
The series1 or series2 (see comment below) are series names associated with each function. I want to update the series in the chart based on the click of a button associated with a function. There are multiple such functions and each function has its own button. Clicking on the button populates the respective data in the heatmap using the above array of arrays.
Th problem is when I click on adding a function which has more than 20 series defined in the format above, it doesn’t work . The screen displays time since 1970(for some reason). While it works for less than 20 series.
Figured it out, my bad. Apparently had to disable the turbothreshold for the heatmap via the plotOptions. Everything worked fine and i could have as many categories in the x axis.
I am interested in displaying 2 charts in the same URL call with the Google Chart API.
As an example, lets say we have the following call to the API for a single chart:
http://chart.apis.google.com/chart?chs=600x400&cht=lc&chd=t0:-1,5,10,7,12,-1|-1,25,45,47,24,-1|-1,40,30,27,39,-1|-1,55,63,59,80,-1&chm=F,0000FF,0,-1,20
I would like to display that chart, and a separate chart (with it's own axis and stuff) underneath it in the same call.
For now, it can just be a copy of the same chart, and I can modify the chart properties later.
I have working code for displaying multiple lines on the same chart, but I am interesting in 2 completely separate charts.
Thanks in advance!
I just can't see how to stack the series for the drilldown. Do I add the drilldown chunks as:
drilldown = [{name: 'bob',
data: [series1, series2,series3],
id: drilldown_id}]
Currently the docs seems to indicate to add all the series in the data series, but I'm not getting it working. Currently don't have a jsfiddle as everything I'm doing is in Python, but can provide one if need be.
Update:
I understand from the docs that the series plotoptions for the drilldown are inherited from the parent series -- please correct me if this is wrong. I currently have multiple series with the same id, but they are not stacking currently.
Using drill down to multiple series from multiple series demo it is possible to change stacking to normal and get drilldown to stacked columns.
JSFiddle 1: http://jsfiddle.net/rxjutt6v/
Using async drill down demo and addSingleSeriesAsDrilldown with applyDrilldown it is possible to get multiple series in drilldown when drilling into single series point.
JSFiddle 2: http://jsfiddle.net/49q18Lp3/1/
Like many Highstock users, our data is retrieved from a database by way of Ajax queries. The series data sets are all time-based, but have different purposes and data ranges.
I can add multiple series to the chart no problem. Works great. However, how can I dynamically (emphasis on dynamically) add companion axes to these series (axis title and range)? I've scoured the documentation and forums but can't figure out exactly how to associate the new axis with the new series.
Thanks!
The only way to do this (as far as I know) is to add multiple empty axes to your chart, and then set them programmatically. It's a hack - but it works:
http://livecoding.io/3431916