高图表中的条形图，用于指示每个栏中两种颜色的值，其中一种颜色始终保持固定

Question

我正在开发一个项目，我想使用条形图（HighChart）来表示值。我更喜欢使用这种条形图 - bar chart image

如果有人在这种类型的条形图上工作或想知道如何实现它，请分享。提前谢谢。

Answer 1

将轴最小值设置为最大值，然后创建一个附加序列，该序列将完成第一个系列数据到轴max。对于其他虚拟系列设置选项，例如enableMouseTracking或showInLegend为false，因此它不会与用户交互。

    yAxis: {
    min: 0,
    max: 700
  },

  plotOptions: {
    series: {
      grouping: false,
      borderWidth: 0
    }
  },

  series: [{
    enableMouseTracking: false,
    linkedTo: 1,
    data: [{
      y: 700,
      color: 'rgba(66, 134, 244, 0.5)'
    }, {
      y: 700,
      color: 'rgba(206, 49, 28, 0.5)'
    }]
    }, {
    dataLabels: {
      enabled: true,
      style: {
        fontSize: '20px',
        textOutline: null
      }
    },
    data: [{
      y: 107,
      color: 'rgba(66, 134, 244, 1)'
    }, {
      y: 31,
      color: 'rgba(206, 49, 28, 1)'
    }]
  }]

示例：http://jsfiddle.net/sL5bpep3/