Highstock штурман не регулируемый - PullRequest
Новая
       24

Highstock штурман не регулируемый

0 голосов
/ 08 мая 2018

У меня есть диаграмма Хайстока с несколькими сериями и несколькими точками данных на серию за несколько месяцев. Я ожидал, что смогу настроить выбор в окне навигатора, но не могу. 

var seriesOptions = [
    {
    name: 'Apples',
    data: [
        {x: 1525737600000, y: Math.floor(Math.random() * 30)},
        {x: 1535737600000, y: Math.floor(Math.random() * 30)},
        {x: 1545737600000, y: Math.floor(Math.random() * 30)}
    ]
  },
    {
    name: 'Oranges',
    data: [
        {x: 1525737600000, y: Math.floor(Math.random() * 30)},
        {x: 1535737600000, y: Math.floor(Math.random() * 30)},
        {x: 1545737600000, y: Math.floor(Math.random() * 30)}
    ]
  },
    {
    name: 'Grapes',
    data: [
        {x: 1525737600000, y: Math.floor(Math.random() * 30)},
        {x: 1535737600000, y: Math.floor(Math.random() * 30)},
        {x: 1545737600000, y: Math.floor(Math.random() * 30)}
    ]
  }
];

function createChart() {

    Highcharts.stockChart('container', {

        plotOptions: {
            series: {
                showInNavigator: true
            }
        },

        tooltip: {
            pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>',
            valueDecimals: 0
        },

        series: seriesOptions
    });
}

createChart();

Вот скрипка .

1 Ответ

0 голосов
/ 08 мая 2018

Это потому, что у вас недостаточно данных: 

{
  name: 'Oranges',
  data: [
    {x: 1525737600000, y: Math.floor(Math.random() * 30)},
    {x: 1528737600000, y: Math.floor(Math.random() * 30)},
    {x: 1530737600000, y: Math.floor(Math.random() * 30)},
    {x: 1533737600000, y: Math.floor(Math.random() * 30)},
    {x: 1535737600000, y: Math.floor(Math.random() * 30)},
    {x: 1538737600000, y: Math.floor(Math.random() * 30)},
    {x: 1540737600000, y: Math.floor(Math.random() * 30)},
    {x: 1540737600000, y: Math.floor(Math.random() * 30)},
    {x: 1545737600000, y: Math.floor(Math.random() * 30)}
  ]
}

Fiddle

...