score:0
Accepted answer
first of all, you need to add highcharts source code:
<script src="https://code.highcharts.com/highcharts.js"></script>
next, you have to create a html container for a chart, for example:
function format(title) {
return '<div class="slider" name>' +
'<table class=table table hover border="0" class="details-table">' +
... +
'<div id="chart' + title[14] + '"></div>' +
'</div>'
}
and finally, you can create a chart in click
event function:
$('#selection-datatable tbody').on('click', 'td.details-control', function() {
...
else {
...
createchart('chart' + row.data()[14], row.data().slice(16));
$('div.slider', row.child()).slidedown();
}
});
});
function createchart(container, data) {
highcharts.chart(container, {
series: [{
data: (function() {
data.foreach(function(el, i) {
data[i] = number(el);
});
return data;
})()
}],
xaxis: {
categories: categories
}
})
}
live demo: http://jsfiddle.net/blacklabel/6g02a1uz/
docs: https://www.highcharts.com/docs/getting-started/your-first-chart
Source: stackoverflow.com
Related Query
- how to add highcharts in Datatables child row , from google sheets?
- HighCharts : How to add or remove "chart context menu" from chart container?
- How do i add mouse wheel code in Angular2 highcharts in typescript
- How to add Series data in Highcharts from MVC
- How to return every nth row from dataset using postgresql to control a Highcharts data series
- Highcharts Highmaps How to import data from google spreadsheet
- Highcharts with data from table, how to add custom marker for specific value from specific series?
- How to remove button from Highcharts
- How can I hide series from a HighCharts legend?
- how to add copyright symbol in a highcharts title?
- How can I hide a series from initially being displayed in Highcharts
- How do I add an event listener to a Highcharts object *AFTER* I've created it
- How to prevent highcharts from shortening labels with ellipsis
- How can I remove the white border from HighCharts pie chart?
- Highcharts - How to start x axis from an arbitrary value
- Highcharts how to remove headers from tooltip
- How to add image in Highcharts Title and subtitle
- How to add Highcharts on UIWebView in iOS?
- how to add annotation text to a Highcharts chart?
- How to add space between chart and axis in highcharts
- Highcharts - How can I remove starting and ending padding from area chart
- How can I delete all of the points from a highcharts series
- How to add secondary y-axis to highcharts
- How to add a label above each bar in HighCharts
- How to add an item to Highcharts legend?
- Highcharts - how to remove "Open in Highcharts Cloud" from the export menu
- Add dynamic data to line chart from mysql database with highcharts
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- How can i change highcharts data values by selecting from a dropdown list
- How to handle Highcharts events from an AngularJS directive?
More Query from same tag
- Highchart: Center text in plot option in column chart
- How to build a split donut chart
- Highcharts: what is the difference between event.target and event.currentTarget
- Highmaps occuring 'Uncaught TypeError: undefined is not a function ' and not loading?
- How to add a class to the element class in EXTJs
- Highcharts yaxis max
- Highmaps - Editing the css of state names on map
- Highcharts exporting functionality
- Highcharts: how to update shapeOptions for arrow-segment annotation?
- How to use jquery to access highcharts piechart plotOptions: pie : size parameter?
- Object structure changed internally
- Webpack Highcharts Plugin IIFE
- High Chart inserting data from arrays into line graph
- highcharts zoomable 6 month line graph
- how to enable scroll bar with reactjs?
- How to load a highchart script within a WebPartZone
- Panning in Highcharts will not allow to go back to the max of the xAxis
- Cannot display multiple Highcharts on a single page
- Highcharts lang with ngx-translate
- Highcharts tooltip in scrollable container scrolls with the content
- Highcharts custom styling connect and label
- Uncaught TypeError: Object [object Object] has no method 'highcharts' while loading highstock chart
- The chartoptions in highcharts are not getting updated from function call in ngoninit
- Is it possible to position Highcharts dataLabels depending on the value?
- Create a heatmap using highcharts through csv
- Selecting a point by ID using Highcharts
- Parsing JSON for use with Highcharts using jquery .parseJSON or JSON.parse: how to remove quotes from function calls for formatters?
- Dynamically addSeries highcharts
- Angular JS - "Error: [$interpolate:interr] Can't interpolate:" when using Highcharts
- How to show/hide labels customizely in highcharts