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