Angular 8 & Highcharts - как показать подсказки прицела - PullRequest
Новая
       8

Angular 8 & Highcharts - как показать подсказки прицела

0 голосов
/ 26 сентября 2019

Я установил в своем коде highcharts для угловых и следовал примеру hello world Я хотел бы добавить подсказку crosshairs в свой график какв этот пример (вертикальная линия), поэтому я изменил параметры демо-примера следующим образом: 

  chartOptions: Highcharts.Options = {
    series: [{
      data: [1, 2, 3],
      type: 'line'
    },
    {
      data: [3, 1, 2],
      type: 'line'
    }],
    tooltip: {
      crosshairs: true,
      shared: true
    }
  };

, но я получил следующую ошибку от линтера:

Type '{crosshairs: boolean;поделился: правда;} 'нельзя назначить типу' TooltipOptions '.Литерал объекта может указывать только известные свойства, а перекрестие не существует в типе 'TooltipOptions'.ts (2322) highcharts.d.ts (14729, 5): ожидаемый тип происходит из свойства' tooltip ', которое объявлено здесьвведите «Опции»

Есть предложения?

1 Ответ

1 голос
/ 26 сентября 2019

tooltip.crosshairs опция устарела.Вместо этого используйте xAxis.crosshair и / или yAxis.crosshair: 

chartOptions: Highcharts.Options = {
  series: [{
    data: [1, 2, 3],
    type: 'line'
  }, {
    data: [3, 1, 2],
    type: 'line'
  }],
  xAxis: {
    crosshair: true
  },
  yAxis: {
    crosshair: true
  }
};

Или как объект конфигурации: 

chartOptions: Highcharts.Options = {
  series: [{
    data: [1, 2, 3],
    type: 'line'
  }, {
    data: [3, 1, 2],
    type: 'line'
  }],
  xAxis: {
    crosshair: {
      // options here
      color: '#ff0000'
    }
  },
  yAxis: {
    crosshair: {
      // options here
      color: '#ffff00'
    }
  }
};
...