Можно ли загрузить данные в формате csv на график Highstock?

Question

У меня есть линейный график Highcharts, и я хотел бы добавить к нему селектор диапазона. Для этого я прочитал, что вы должны использовать Highstock, поэтому я пытаюсь заново создать график, но он не будет загружать данные CSV. В консоли нет сообщений об ошибках или чего-либо еще, строки просто не отображаются. Есть ли другой формат / синтаксис, который я должен использовать? Вот соответствующий код:

$(function() {
window.chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'container'
    },
    title: {
        text: 'My chart'
    },
    data: {
        csv: document.getElementById('csv').innerHTML
    },
  });
});

Заранее спасибо!

Answer 1

Загрузка данных в Highchart и Highstock работает одинаково. Обратите внимание, что для данных требуется, чтобы модуль данных загружался дополнительно. Ваши варианты кажутся хорошими, так что это может быть проблемой.

Документация данных Highcharts :

Требуется загрузка файла modules / data.js.

Проверьте демо:
https://jsfiddle.net/wchmiel/afy6m3tb/

HTML:

<code><script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>

<div id="container"></div>

<h3>Raw data</h3>
<pre id="data">Date,series A, series B, series C, series D, series E, series F
3/01/2001,100,100,100,100,100,100
4/01/2001,100.0723,100.0766,100.1225,100.1446,100.1687,100.1325
5/01/2001,100.0399,99.9775,100.0809,100.3502,100.1117,100.5127
6/01/2001,100.3103,100.3867,100.2974,100.5214,100.4256,100.6885
7/01/2001,101.3379,102.0689,100.686,100.6031,100.9522,100.7648

JS:

window.chart = Highcharts.stockChart('container', {
  data: {
    csv: document.getElementById('data').innerHTML
  }
});