Правильный формат json для Highchart. js с несколькими сериями - PullRequest
Новая
       29

Правильный формат json для Highchart. js с несколькими сериями

1 голос
/ 01 февраля 2020

У меня есть примеры json данные для валюты Higcharts USD: https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0 / samples / data / usdeur. json

Итак, я добавил одно значение к данным, там не отображается на графике. 

[
    [
        1167609600000,
        50,
        30
    ],
    [
        1167609600001,
        60,
        40
    ],
    [
        1167609600002,
        70,
        50
    ]
]

Мой код:

function myFunction () {Highcharts.get JSON (
'http://192.168.0.157/log1.json ', функция (данные) {

Highcharts.chart('container', {
  chart: {
    zoomType: 'x',        backgroundColor:"#e7ecea" 
  },
  title: {
    text: 'Pomiary'
  },
  subtitle: {
    text: document.ontouchstart === undefined ?
      'select' : 'Pinch the chart to zoom in'
  },
  xAxis: {
    type: 'datetime'
  },
  yAxis: {
    title: {
      text: 'Exchange rate'
    }
  },
  legend: {
    enabled: false
  },
  plotOptions: {
    area: {
      fillColor: {

        stops: [
          [0, Highcharts.getOptions().colors[0]],
          [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
        ]
      },
      marker: {
        radius: 2
      },
      lineWidth: 1,
      states: {
        hover: {
          lineWidth: 1
        }
      },
      threshold: null
    }
  },

  series: [{
    type: 'area',
    name: 'speed',
    data: data
  },    {
    type: 'area',
    name: 'speed2',
    data: data
  }]
});   } );

};

Как я могу добавить следующую серию?

1 Ответ

0 голосов
/ 03 февраля 2020

Самый простой способ - использовать keys свойство: 

series: [{
  data: data
}, {
  keys: ['x', 'someValue', 'y'],
  data: data
}]

Демонстрационная версия: http://jsfiddle.net/BlackLabel/6m4e8x0y/4797/

Справочник по API: https://api.highcharts.com/highcharts/series.line.keys

...