我有一张包装得很好的泡泡图。我想给每个较大的,分开的气泡加上一个标题。标题应该总是显示,我希望它是系列的名称。我用的是分裂系列。
“name”属性显示在工具提示中,但我希望始终显示它。
下面是创建气泡的代码:
Highcharts.chart('bubble-split-chart', {
chart: {
type: 'packedbubble',
animation: false,
backgroundColor: {
linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
stops: [
[0, '#15191b'],
[1, '#15191b']
]
},
},
// remove hamburger button
exporting: {
enabled: false
},
// remove chart watermark (highcharts.com)
credits: {
enabled: false
},
title: {
text: '',
enabled: false
},
tooltip: {
useHTML: true,
pointFormat: '<b>{point.name}</b>'
},
plotOptions: {
packedbubble: {
minSize: '1%',
maxSize: '100%',
zMin: 1,
zMax: 400,
layoutAlgorithm: {
enableSimulation: false,
gravitationalConstant: 0.05,
splitSeries: true,
seriesInteraction: false,
dragBetweenSeries: false,
parentNodeLimit: true
}
},
legend: {
enabled: false
}
},
series: [{
name: 'Test',
data: [{
name: "Lorem",
value: 29.4,
color: 'red'
},
{
name: "Ipsum",
value: 34.1,
color: 'blue'
},
{
name: "Dolor",
value: 7.1,
color: 'green'
}],
}, {
name: 'Test 2',
data: [{
name: 'Lorem',
value: 300.1,
color: 'red'
},
{
name: 'Ipsum',
value: 20.7,
color: 'blue'
},
{
name: "Dolor",
value: 97.2,
color: 'green'
}],
}, {
name: 'Test 3',
data: [{
name: "Lorem",
value: 8.2,
color: 'red'
},
{
name: "Ipsum",
value: 9.2,
color: 'blue'
},
{
name: "Dolor",
value: 13.1,
color: 'green'
}],
}]
});这个是可能的吗?此外,如果这是可能的,我如何从工具提示中删除名称?
发布于 2020-01-28 15:21:48
可以使用annotations或Highcharts.SVGRenderer类添加标签。
若要从工具提示集中删除系列名称,请执行以下操作:
tooltip: {
headerFormat: '',
...
}现场演示: http://jsfiddle.net/BlackLabel/6m4e8x0y/4771/
API参考:
https://api.highcharts.com/class-reference/Highcharts.SVGRenderer
https://stackoverflow.com/questions/59949763
复制相似问题