Chart.js in ASP.NET, Data from database - javascript

I am currently working on the last page of my web form, which is the Dashboard. I followed this guide: http://www.sharepointblue.com/2015/01/using-chartsjs-with-aspnet.html?m=1 to implement chart.js graphs into my dashboard but it only shows me how to manually add data in. I am looking to have my axis and data points be pulled from the database. I've search around and just cant find out how to get the data directly from the database. If anyone could guide me in the right direction, that'd be much appreciated!

Related

Insert dynamically user comments into a chart [Highcharts]

I need to be able user insert user comments on the chart dynamically way. It means, the user will view the chart and will decide to make a comment on the chart or not.
P.S.: The user could make one or more comments anywhere on the chart.
I'm using Highcharts JS with ReactJS.
And I saw this functionality in Highcharts Stock and would like to know if it's possible to make it with Highcharts JS.

Thingspeak data visualisation/ graphs for webpage

i want to make graphs/ charts from my data, that is stored on Thingspeak (its a weather station project using arduino). Now, i want to be able to plot these data into graphs. Thingspeak itself does that, but the graph is non customizable.
What i want do do is to have some buttons and comboboxes to select for example certain time interval (days,weeks,months), be able to point on line in graph and it tels the stats for the one spot etc.
Is there any templates or web services that do that? Or tutorials on how to do that? I want to have these charts embedde to my webpages. Thank you for replies.
I suggest you look at Chart JS or D3, both good charting libraries.

d3.js - how to actualize the graph data? transition?

I am trying to learn d3.js (with no JavaScript background) so I created a simple scatter plot.
Now, I am looking for how to render that graph with random data, each time the user click on the Next button.
In the link above, there is what I tried so far.
I know it's a very newbie question and there is thousands of example but I am looking for an explained solution (not just code). Thanks
PS: Please change the external ressource to this if the graphs won't show up.

how to store the coding of output of D3.js in database

I am making a application with the help of D3.js. I just started working on it and I got stuck.
Problem: I want to store that coding that made by visualization with the help of d3.js( for example pie chart) in to my database.
Again I just want to store the coding that made by output of d3.js pie chart in to database.
I tried some things like to make the output in particular sector on page and then copy it. but its not working.
If can suggest me, it would be very helpful for me.

Flot Charts Multi-series Bar Chart not using time

I've searched around and not finding a proper solution/explanation on how to get this right. Essentially what I'm trying to plot would resemble something of the following:
| #
|# #
|## ##
|______
fb tw
So essentially two categories, facebook (fb) and twitter (tw). Each category needs two bars for previous month and current month (they are counts). The data is retrieved from server side data.
What I need to know is how to get this chart to work using flot? Fiddle of what I have so far here: http://jsfiddle.net/thorne51/ExUH7/1/
I've tried using the orderBars plugin (as is apparent with the order property in the bars objects) with no success, not that I'm exactly sure what this does. Still very new to flot.
Edit
If anyone knows where decent documentation on flot and its plugins exist, or a tutorial, please share :)
You didn't have the Flot Orderbars plugin included in your fiddle. I included it and updated the fiddle: http://jsfiddle.net/ExUH7/4/
I would suggest you think about changing either the x-axis categories or the labels of your data, having them both be 'facebook' and 'twitter' leads to a confusing graph.

Categories