Bullet Chart in Series не отображается после значения y - PullRequest
0 голосов
/ 15 февраля 2019

После установки значения y для оси Y остальная часть полосы не отображается.Например.В коде я установил значение y на 20, но после 20 ничего нет.Итак, что я пытаюсь сделать, это расширить всю строку до максимального значения и сохранить 20.

Снимок экрана

Screen Shoot

Highcharts.chart("container1", {
  chart: {
    marginTop: 40
  },
  title: {
    text: "Gauge Bar Chart"
  },
  xAxis: {
    categories: [
      '<span class="hc-cat-title">Revenue</span><br/>U.S. $ (1,000s)'
    ]
  },
  yAxis: {
    plotBands: [
      {
        from: 0,
        to: 1400,
        color: "#ffffff"
      }
    ],
    labels: {
      format: "{value}%"
    },
    title: null,
    max: 100,
    visible: true
  },

  series: [
    {
      animation: false,
      data: [
        {
          y: 20,
          target: 40
        }
      ]
    }
  ],

https://jsfiddle.net/mrtcnkrks/df1zbL9m/

Моя цель имеет фон до 100% здесь Screen Shoot

1 Ответ

0 голосов
/ 15 февраля 2019

Вы можете добавить plotBands ко всем xAxis, например:

xAxis: {
    ...,
    plotBands: [{
        from: -0.18,
        to: 0.15,
        color: "gray"
    }]
},

Демонстрационная версия: https://jsfiddle.net/BlackLabel/oea97zhd/

API Reference: https://api.highcharts.com/highcharts/yAxis.plotBands

...