在Highcharts中,可以通过以下步骤来实现不同的工具提示和Treemap中的值:
chart
函数来初始化Treemap图表。在chart
函数中,设置type
为treemap
,并指定容器的id。例如:Highcharts.chart('treemapContainer', {
chart: {
type: 'treemap'
},
// 其他配置项...
});
var data = [{
name: 'A',
value: 6,
color: '#7cb5ec'
}, {
name: 'B',
value: 8,
color: '#434348'
}, {
name: 'C',
value: 4,
color: '#90ed7d'
}];
series
选项中,使用data
属性来指定数据。例如:series: [{
type: 'treemap',
data: data
}]
tooltip
选项来自定义工具提示的格式。例如,使用pointFormat
来定义工具提示的内容,使用valueSuffix
来定义值的后缀。例如:tooltip: {
pointFormat: '{point.name}: {point.value}件'
},
Highcharts.chart
函数来绘制Treemap图表。例如:Highcharts.chart('treemapContainer', {
chart: {
type: 'treemap'
},
series: [{
type: 'treemap',
data: data
}],
tooltip: {
pointFormat: '{point.name}: {point.value}件'
}
});
这样,你就可以获得一个包含不同的工具提示和Treemap中的值的Highcharts Treemap图表。
下一篇:不同的功能有不同的页面。