2015-03-10 6 views
4

Мы используем библиотеку сокетов для загрузки данных из нашего сервиса. Я делаю следующий посыл этой данные zingchart (после массирования данных):Как заставить Zingchart обновить

myChart.series[0].values.push([xVal, yVal]); // index 0 is hard coded for demo 

Графики не обновляет, хотя. Мы хотели бы, чтобы они чувствовали себя в реальном времени.

ответ

6

ZingChart не имеет двусторонней привязки данных, поэтому модификации объекта данных после рендера не повлияют.

Однако у ZingChart действительно есть API-интерфейс для убийцы. Если вы пытаетесь добавить значения в серию, попробуйте метод appendseriesvalues. Это должно выглядеть примерно так ...

zingchart.exec("your_chart_id", "appendseriesvalues", { 
    values: [xVal,yVal] 
}); 

Если вы пытаетесь имитировать в режиме реального времени, вы можете даже бросить его в setInterval функции и он запрашивает данные на регулярной основе.

Я работаю над командой ZingChart. Дайте мне знать, если вам нужна дополнительная помощь.

+1

Можете ли вы поделиться примером, где X-ось - это дата. Тот, который я пробовал, не работает. Вот что я получил до сих пор: var myChart = {"utc": false, "type": "line", "title": {"text": "Test"}, "series": [{"values ": []}], " scale-x ": {" values ​​": []," zoomoming ": true," transform ":" type ":" date "} }," scale-y ": { } }; zingchart.render ({id: "myChartDiv", data: myChart}); Следуя вашему предложению, я добавил следующее и ничего не делает. zingchart.exec ("myChartDiv", "appendseriesvalues", {values: [(новая дата()). GetTime(), 20]}); – user4415719

+1

@ user4415719 Просто введите значения в другой массив следующим образом: 'values: [[(новая дата()). GetTime(), 20]]'. –

 Смежные вопросы

  • Нет связанных вопросов^_^