class HtmlDashCreator(object):
    def __init__():
        ## add head
        self.html = '''
        <script src="https://code.highcharts.com/stock/highstock.js"></script>
        <script src="https://code.highcharts.com/stock/modules/data.js"></script>
        <script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
        <script src="https://code.highcharts.com/stock/modules/export-data.js"></script>
        '''
        self.chart_counter = 1

    def add_chart(chart_name, chart_series_name, data_url):
        chart_id = self.chart_counter
        self.chart_counter += 1
        template = '''
        <script>

        Highcharts.getJSON('{data_url}', function (data) {
            // Create the chart
            Highcharts.stockChart('{chart_id}', {


                rangeSelector: {
                    selected: 1
                },

                title: {
                    text: '{chart_name}'
                },

                series: [{
                    name: '{series_name}',
                    data: data,
                    tooltip: {
                        valueDecimals: 5
                    }
                }]
            });
        });

        </script>
        <div id='{chart_id}' style="height: 400px; min-width: 310px"></div>
        '''
        self.html += template.format(chart_id=chart_id, chart_series_name=chart_series_name, data_url=data_url)