Is it possible to use a Google spreadsheet as a datasource when using Chart.js?
I'd like to use Chart.js to create a line chart with multiple lines, and I'd like the user to be able to view all lines at once or select certain ones to display. Seems fairly simple to do with Chart.js, however, I'm wondering how to make the chart updatable for the client.
The client already has a dataset in Google spreadsheet that they update regularly, so I'd like to have the chart on the website update along with the spreadsheet.
Would I just need to export the Google spreadsheet as a JSON file?
yes you can.
https://developers.google.com/sheets/api/v3/data you can retrieve google spreadsheet data using API and present the returned data in Chart.js.
Related
I'm creating a word add-in using the word javascript api that pulls data from database, allowing users to create tables/text with the data. I would now like to add the functionality to change charts based on the data
I can see information about editing charts in the documentation for excel, however I can't see anything for word.
Is it possible to edit chart data within word?
If so, would someone be able to provide me an example or link to the appropriate location to look?
I've tried doing it in excel and have made progress but can't see anything on the word side
I'm afraid that there are no chart editing APIs in the Word JavaScript yet. It's a good idea, and you can suggest it at Office Developer Suggestion Box.
In the meantime, a chart in Word is a element in the file's OOXML. You could try the following workaround: Your add-in could get the XML using the Office.Document.getFileAsync, edit the OOXML, then use the Word createDocument API to create a new document that is just like the original, but with your chart edits.
ZK charts are using Highchart inside. Highcharts uses its own server to export charts (Like PNG,PDF etc). I want to implement client side exporting and I don't want to send my data to any external server.
I am following the below link
[Highchart API for Client side export][1] ,
[JS fiddle example][2]
Based on the links, I am looking for ZK Chart equivalent for 'fallbackToExportServer' property of high chart. But not able to find the equivalent property, please let me know if you aware of it.
[1]: https://www.highcharts.com/docs/export-module/client-side-export
[2]: https://jsfiddle.net/gh/get/jquery/1.11.0/highslide-software/highcharts.com/tree/master/samples/highcharts/exporting/offline-download-demo/
My requirement is that I have a json file which is fetched from a database using java. I would like to fetch a particular column from that json file and display that data using a pie chart(with the help of angularjs and fusion chart)so that the values in that data changes dynamically in the pie chart. I have attached the chart which I have used for trial. Could you please help?
You can use CanvasJS pie Charts or
here is the Exapmle -> HERE
Or you can Even Use High Charts
Exapmle Here -> HERE
So you Just need to call you Json value According to Your Need is the Charts
I have used Angular NVD3 and Angular Google charts for similar kind of requirement in which large dataset is used(approx 15000 records) in a SharePoint 2013 App. Both are easy and open source.
I want to make a dynamic graph by using d3.js but I do not know how to fetch data from a json file to make the dynamic charts or graph. Could you please introduce some samples of code for making graphs from json file NOT tsv,csv and other formats ?
Thanks :)
https://github.com/mbostock/d3/wiki/Requests#wiki-d3_json
D3 Library — How To Access Data from JSON in this example
Check these resources.
What coding should I use for this type of output?
Should I pull data to my database and then create graphs, if yes then is it possible that the tables in database get updated automatically (I am a beginner). The data is in form of excel file and there is a option to download that from there.
Because the final thing I need is live feed data interactive graphs.
Ideally, we would export excel as csv and then import to Highcharts
Look a this:
How can I make a graph with highcharts from csv file?