highcharts中的树形图仅在树形图中显示系列名称和值

时间:2017-06-01 09:26:19

标签: javascript jquery json highcharts

嗨,我是highcharts的新手。在树形图中仅显示系列名称而不是值。工具提示中显示的名称和值。但我想在树形图中显示名称和值。如果有人知道回复我的话。

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
 }]

}];

1 个答案:

答案 0 :(得分:2)

您必须使用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
          },
        }
    }],