highcharts column : add dynamically series with drilldown data - javascript

my problem I have an highcharts graph type column with drilldown values and I want to add dynamically another series of data with drilldown values
can anyone help me with this problem ??

Just Make data in your back end language and convert into JSON then update chart either by using ajax or on page load.

Related

Highcharts multi series drilldown from a csv

I am trying to replicate the highcharts drilldown chart, using multiple series in the data and drilldown data, and external source csv/json data files
I can easily recreate the drilldown using the examples from highcharts
I can create a column chart using csv as source for data
I have been able to create a multiseries to multiseries drilldown using this example ttp://jsfiddle.net/7xEhW/496/
What I am struggling with now is how to load the data from csv in a format that is accepted into the drilldown (multiseries)
This is my code for the parsed
http://jsfiddle.net/9gshkdaj/
I can make it work if I insert static data into the drilldown, but any help on how to load this via a csv would be appreciated (I have control over csv format).
My other idea was to use the data.parsed function to modify the data, but I have no idea where to start (although I know it should be possible, as this example is actually loaded from a tsv) http://www.highcharts.com/news/125-new-features-drilldown-and-no-data
Thank you
<pre id="sectorData" style="display:none">
Sector,MTD,drillMTD,YTD,drillYTD
EQ,1,EQ-MTD,2,EQ-YTD
FX,2,F

Displaying different graphs in the same stock panel (amCharts)

I'm using amCharts to display graphs and I need to display 2 graphs from different data providers it the same Stock Chart panel.
In amCharts tutorials, they displayed the graphs from the same data provider (one dataset), so when I tried adding another dataset, it didn't work! It only displayed the first graph.
Could anyone give me a tip or something?
JavaScript Stock Chart will display a copy of a graph for each selected or compared data set.
So if you need to display a graph for several data sets, make sure the following two conditions are met:
compared is set to true for the second data set.
comparable to true for the graph.
compareField is set for the graph.
Here's a working example:
http://codepen.io/team/amcharts/pen/1706af51ff69cf22b2d448cfb604b55b

Updating speedometer data from json object created with PHP script

Can someone tell me how to update the data into speedometer highchart from the Json object created using php script, Its working for bar charts and pie chart but i can't figure it out for the speedometer , The data formats is perfectly matching but i don't know how to update the data into the speedometer.js file.
You need to get json, call point.update and chart will be redrawn.

how to set pie chart colors in wijmo pie chart using javascript and webservice

I need to set the pie chart slices in my wijpiechart to the color retrieved from the database for that row. Using webservice to retrieve this info and javascript to render the wijpiechart. Any help would be very much appreciated.
Thanks,
Hindy
You can set the colors coming from the database in the series of the pie chart by setting 'seriesStyles' option. You may refer to the following demo sample that uses this option:
http://wijmo.com/demo/explore/?widget=PieChart&sample=Colors%20Formatting

Draw multiple DataTables in Google Charts LineChart

I am using LineChart from the Google Charts API and I want to plot two sets of data - one is observations and one is model outputs. The problem is that the model outputs are regular in time (hourly), but the observations can be sporadic and are not usually aligned with the model times.
I can't store them both as columns in one DataTable, as they are not temporally collocated, so I need 2 data tables, but I can't get LineChart to accept more than one data table!
Is there a way around this?
TIA.
The best way to do this would be to combine the DataFrames and leaves NULLs where the values are not defined. In your case, each row would end up having one defined value one null value.
Then when you plot, set interpolateNulls to True and it will connect the points through the NULLs which should give you the functionality you want.
First, you do have to get your data into one DataTable. There is no way to create a chart from more than one DataTable or DataView, or create a DataView from more than one DataTable (though there has been a request for this). How you get the data into one DataTable is up to you. It doesn't look like any of the data manipulation methods will help.
The good news is, once you have all the data in one DataTable, you can plot it even if the data sets are not aligned at the same time values. Just specify multiple domain columns using data roles. Search for "multi-domain" on that page to find an example.

Categories