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
Related
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.
I have this series in my csv:
Date,color,pressure,air
23.12.1912,green,1090,good
...
Dygraph displays them in the legend in the order as they are in the csv but
can this be resorted to "Date,air,color,pressure" without reordering
the whole csv file?
Import csv to javascript and reorder what You want.
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.
I have a EXCEL file containing multiple Tables and Charts.
I want to create a web page to display a particular Table and a Chart. I used java script to display the table.
But cant find a way to display the CHART. By chart i mean it contains a pie graph or bar graph.
Is it possible to display using java script? Or do i have to use JSP/something else?
Take a look at Google Chart Tools. Here is an example with javascript source code. If you are building the table on the server side, you may instead want to pass the data down JSON encoded and then build both the table and chart at the same time without having to pass the data twice.
An easier way would be to use a free tool like oomfo, which is a PowerPoint plugin to create charts. It lets you pull data from excel, create charts and then export the entire slide as HTML - the charts are in Flash and JavaScript (fallback). Just add a line of code in the output web page to render JavaScript charts only.
I am using jqPlot to show candlestick chart and the data is from XML.
I retrieve data from XML and put it into an array and then jqPlot creates a candlestick chart from that.
But the XML file contains lots of data so in the chart values are overlapping (with fixed width).
Is it possible to make a graph of lets say 10% of data and place a scrollbar and on every tick of scrollbar we rebuild graph with next data or there already exists such functionality of scrolling of graph/chart in jqPlot.
Please help me to resolve this.
Perhaps you can try Jonathan Cook's jqplot.annotatedTimeline.js available from the following URL:
https://bitbucket.org/j5bot/jqplot/downloads
You can see its features in action from:
http://screencast.com/t/mHY5eUV99XaT
Although I haven't tried this plugin yet it looks very good!
Its better to load XML at once, but not give the data at once to that jqPlot chart. Just make sure you are passing part of the data to jqPlot. Once you assign data to chart then go for the scrolling of data using jQuery or something like scroller code.
Whenever you scroll on this try to refresh or regenrate the chart by only the selected data.