标记列

Question

我需要在highcharts中呈现以下内容：

使用的图表类型是什么？

直观地说，这似乎是一个专栏，但没有一个例子引导我朝这个方向发展。相反，似乎我需要一个没有线条的折线图。

任何建议都将不胜感激。

Answer 1

您可以使用散点系列，其中附加值显示为数据标签。标记的大小可通过marker.radius选项进行配置。可以使用point.x和point.y值调整标记的位置，并使用yAxis.min和yAxis.max

设置yAxis比例

  plotOptions: {
series: {
  marker: {
    radius: 20,
    symbol: 'circle'
  },
  dataLabels: {
    enabled: true,
    x: 0, /* center a label inside the marker */
    y: 0,
    align: 'center',
    verticalAlign: 'middle', /* end center */
    format: '{point.z}', /* as a label value takes the additional z property defined in the data array */
    style: {
      textOutline: null,
      fontSize: '18px'
    }
  }
}
},

系列配置示例：

{
  keys: ['x', 'y', 'z'], /* x - pos on x axis, y - pos on y axis, z value displayed inside the marker
  data: [
    [1, 4, 6],
    [2, 2, 4]
  ],
  dataLabels: {
    color: /* label color */
  }
}

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

使用具有恒定气泡大小的气泡系列（由minSize = maxSize =常数设置）可以获得类似的结果。在这种情况下，标签默认居中，并显示z值。

  plotOptions: {
series: {
  maxSize: 35,
  minSize: 35,
  dataLabels: {
    enabled: true,
    style: {
      textOutline: null,
      fontSize: '18px'
    }
  }
}
},

示例：http://jsfiddle.net/u19jux99/1/