Charts in HTML using Datatables - javascript

I need to create charts in my html page using Data from tables. Tables are already created using datatables and currently I am using Highcharts to create charts from those tables.
The problem I am facing is as Highcharts is creating chart for all the columns in the table. where as I want some columns to be disabled initially when the page is loaded. or best the chart should be created for only the for those columns where header contains some string.
I am open to change to any other plugin which gives Highcharts like looks and hover capabilities.

Only using the columns with some substring I don't think it is possible, but you have the startColumn and endColumn properties to choose a range of columns to use.
Here's an example: http://jsfiddle.net/gt0bk9m7/
data: {
table: 'datatable',
endColumn: 1
},

Related

High Charts Data Table not filtering data by range selector

I am using highcharts for charts. I have enabled the export feature and it has one option view data table. When you click on it shows a data table below the chart. The problem I am facing is that if I select a particular value from the Range selector the view data table still shows a complete dataset. The range selector has no effect on it.
How can I only display data that is given upon selecting a particular range selector value?
For example, if I have selected data for the last minutes and the chart is showing data for the 10 mins the data table should also show data for the last 10 mins, It should not display the entire dataset.
I think that this feature is not implemented in the Highstock. The data table takes all data by default, but the option which you want to have will be a really nice functionality. Could you report this idea on the Highcharts Github issue channel as a feature request?
Link: https://github.com/highcharts/highcharts/issues

highcharts column : add dynamically series with drilldown data

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.

Google Charts - How to set two columns inside a general column in a table

I would like to make a table using Google Charts: https://developers.google.com/chart/interactive/docs/gallery/table
This table is customized and has two general columns each with two more columns inside, like this one in the picture:
Is it possible to do it using GoogleCharts?

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

Display a Excel chart in Html page

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.

Categories