Question

我有一张带有highcharts的饼图

plotOptions: {
          pie: {
              allowPointSelect: true,
              cursor: 'pointer',
              dataLabels: {
                  enabled: true,
                   distance: -30
              },
              showInLegend: true
          }
      },
      series: [{
          name: 'Types',
          colorByPoint: true,
          data: [ {
              name: 'Debtors',
              y: 10.38
          }, {
              name: 'Suppliers',
              y: 4.77
          },
        ]
      }]

目前在饼图标签中，数据名称（即：债务人，供应商）是饼图中显示的内容

我希望显示值，但图例应保留名称。

Answer 1

您需要启用格式。

plotOptions: {
          pie: {
              allowPointSelect: true,
              cursor: 'pointer',
              dataLabels: {
                  enabled: true,
                   distance: -30,
                   format: '<b>{point.name}</b>: {point.y:,.2f}',
              },
              showInLegend: true
          }  
    },
    series: [{
          name: 'Types',
          colorByPoint: true,
          data: [ {
              name: 'Debtors',
              y: 10.38
          }, {
              name: 'Suppliers',
              y: 4.77
          },
        ]
      }]

Jsfiddle演示：http://jsfiddle.net/powrcnf1/

Answer 2

如果我理解正确，您需要一个自定义的工具提示，如下所示：

tooltip: {
    formatter: function () { 
       return this.key + ' (<strong>' + this.y + '</strong>)';
    }
}

Demo

高图表标签显示的值不是名称

2 个答案: