Highcharts 标记栏

Highcharts 标记栏,highcharts,Highcharts,我需要在highcharts中呈现以下内容: 正确的图表类型是什么? 从直觉上看,这似乎是一篇专栏文章,但没有一个例子能将我引向这个方向。相反,似乎我需要一个没有线条的折线图 如果您有任何建议,我们将不胜感激。您可以使用带有附加值的散点序列作为数据标签显示。标记的大小可通过marker.radius选项配置。标记的位置可通过point.x和point.y值进行调整,并通过yAxis.min和yAxis.max plotOptions: { series: { marker: {

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

正确的图表类型是什么?

从直觉上看,这似乎是一篇专栏文章,但没有一个例子能将我引向这个方向。相反,似乎我需要一个没有线条的折线图


如果您有任何建议,我们将不胜感激。

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

  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 */
  }
}
例如:

对于具有恒定气泡大小(由minSize=maxSize=constant设置)的气泡系列,也可以获得类似的结果。在这种情况下,标签默认居中,并显示z值

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


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

  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 */
  }
}
例如:

对于具有恒定气泡大小(由minSize=maxSize=constant设置)的气泡系列,也可以获得类似的结果。在这种情况下,标签默认居中,并显示z值

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