javascript - highcharts 中的 TreeMap 仅在 TreeMap 中显示系列名称和值

Question

大家好，我是 highcharts 的新手。因为在 TreeMap 中只显示系列名称而不显示值。工具提示中显示的名称和值。但我想在 TreeMap 中显示名称和值。请知道的人回复我。

var series= [{
 type: "treemap",
 layoutAlgorithm: 'squarified',
 data: [{
    name: 'A',
    value: 6,
    colorValue: 1
 }, {
    name: 'B',
    value: 6,
    colorValue: 2
 }, {
    name: 'C',
    value: 4,
    colorValue: 3
 }, {
    name: 'D',
    value: 3,
    colorValue: 4
 }, {
    name: 'E',
    value: 2,
    colorValue: 5
 }, {
    name: 'F',
    value: 2,
    colorValue: 6
 }, {
    name: 'G',
    value: 1,
    colorValue: 7
 }]

}];

Answer 1

你必须使用 formatter格式化 2 级标签

Fiddle demo

levels: [{
        level: 1,
        layoutAlgorithm: 'sliceAndDice',
        dataLabels: {
            enabled: true,
            align: 'left',
            verticalAlign: 'top',
            style: {
                fontSize: '15px',
                fontWeight: 'bold'
            }
        }
    },
    {
        level: 2,
        //layoutAlgorithm: 'sliceAndDice',
        dataLabels: {
            enabled: true,
            formatter: function() {
              return this.point.options.name+" "+this.point.options.value
          },
        }
    }],