Как нарисовать пунктирную линию вертикальной линии в позиции 0 в старшем графике - PullRequest
Новая
       14

Как нарисовать пунктирную линию вертикальной линии в позиции 0 в старшем графике

0 голосов
/ 29 ноября 2018

Я хочу, чтобы пунктирная линия находилась в позиции 0, которая находится на оси x. Я пробовал следующие изменения, но они применяются к полям бара. 

Highcharts.chart('container', {
    chart: {
        type: 'bar'
    },

    legend: {
        symbolWidth: 80
    },

    plotOptions: {
        series: {
            color: '#000000'
        },
        value:0,
         dashStyle: 'Dot',
         padding:10
    },

    series: [{
        data: [1, 3, 2, 4, 5, 4, -6, 2, 3, 5, 6],
      
    }, {
        data: [2, 4, 1, 3, 4, 2, 9, 1, 2, 3, 4, 5],
       
    }]
});
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

1 Ответ

0 голосов
/ 29 ноября 2018

Вы можете добавить пунктирную линию на оси, используя plotLines.Вот так: 

yAxis: {
  plotLines: [{
    color: '#FF0000',
    value: 0,
      dashStyle: 'dot',
  width: 5
  }]
},

Здесь добавлено к оси Y для создания вертикальной линии: 

Highcharts.chart('container', {
  chart: {
    type: 'bar'
  },

  legend: {
    symbolWidth: 80
  },

  plotOptions: {
    series: {
      color: '#000000',
    }

  },
  yAxis: {
    plotLines: [{
    color: '#FF0000',
      value: 0,
      dashStyle: 'dot',
      width: 5
    }]
  },

  series: [{
    data: [1, 3, 2, 4, 5, 4, -6, 2, 3, 5, 6],

  }, {
    data: [2, 4, 1, 3, 4, 2, 9, 1, 2, 3, 4, 5],

  }]
});
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>
...