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


Related Query

More Query from same tag