Angular 4 Highcharts - необходимо поместить поле между предметами - PullRequest
0 голосов
/ 06 сентября 2018

Я работаю с пакетом HighCharts в проекте angular 4, и я использую гистограмму, но я не знаю, как сделать интервал между каждой гистограммой

Вот результат: enter image description here

Вот что я хочу - это добавить поле или пробел между каждой строкой, как красная линия на этом рисунке: enter image description here

Вот варианты моего графика:

this.opt_chart = {
      title: {
        text: ''
      },
      tooltip: self.toolTipFormatter(),
      xAxis: {
        categories: [],
        visible: false,

        labels: {
          useHTML: true,//Set to true
          formatter: function () {//use formatter to break word.
            return '<div style="width:' + this.labelWidth + 'px">' + this.value + '</div>';
          },
          enabled: true,
          align: 'right',
          style: this.getXAxisStyle()
        }
      },

      plotOptions: {
        series: {
          animation: {
            duration: 1000
          },
          point: {
            events: {
              click: function () {
                let obj = this.category;
                self.lineClicked(obj);
              }
            }
          },
          stacking: 'normal',
          dataLabels: {
            format: '{y} €/hab',
            align: 'center',
            enabled: false,
            style: {
              color: 'black',
              fontSize: '15px'
            }
          },
          minPointLength: 3
        }
      },
      yAxis: {
        visible: false,

        labels: {
          enabled: false
        },
        title: {
          text: null
        },
        stackLabels: {
          enabled: false,
          align: 'right',
          formatter: function () {
            return self.utils.clean(this.total, ' €/hab');
          }
        },
        plotLines: [{
          color: '#4d4d4d',
          width: 10,
          height: 100,
          value: 0,
          zIndex: 10
        }]
      },
      legend: {
        reversed: false,
        enabled: false
      },
      series: [{
        name: 'Intérêts',
        pointWidth: this.lineHeight,
        stack: '',
        color: this.bleuNuit,
        borderRadius: 7
      }],

      credits: {
        enabled: false
      }
    };

Надеюсь, я прояснил свою идею, жду вашей помощи и спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...