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!
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'm fairly new to highcharts cloud and am trying to replicate a bunch of charts that are styled the same but have different data connections with Google Sheets. I've created a base chart and then replicated it a bunch of times for the other charts I need using the DUPLICATE button, then simply change the Google Sheets ID to a different one.
The trouble is that whenever I update the ID in the newly created chart, it also updates the ID in the chart I duplicated from - and for all other charts that I've duplicated from. So I end up with a bunch of charts that reference to the single sheet rather than individual sheets. Is this something that's known?
Let me explain what happens when you duplicate a chart. If the master chart contains some data then duplicating a chart does not create new information about that data. This means both charts, master and duplicated, are linked to the same dataset. If you change anything in data in master chart, then duplicated charts will inherit those changes too. The same will happen if you make changes in data in the duplicated chart - it will affect master chart.
To use the same colors and formatting across your different charts, please use Themes: https://cloud.highcharts.com/docs/#/themes
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?
I'm trying to set two Waterfall series using Highcharts in the same chart, I have only see one serie in this type of chart in Highcharts samples. I have manipulate the data to be an array but still not working.
I mean two independent waterfall series (one next to each other no-stacked) , like column chart. Like this one (http://img854.imageshack.us/img854/6886/qghm.png)
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