highchart饼图中显示占比

要在Highcharts饼图中显示数据的占比，可以使用饼图的"tooltip"配置项来实现。

首先，确保你的Highcharts库已经引入到你的项目中。

然后，创建一个饼图的容器，比如一个<div>标签，并设置一个唯一的id，用于后续初始化Highcharts图表。

<div id="pieChartContainer"></div>

接下来，在JavaScript中初始化饼图并配置数据和选项。

// 饼图数据
var data = [{
  name: "类别1",
  y: 30
}, {
  name: "类别2",
  y: 70
}];

// 饼图选项
var options = {
  chart: {
    renderTo: 'pieChartContainer',
    type: 'pie'
  },
  title: {
    text: '饼图'
  },
  tooltip: {
    formatter: function () {
      return '<b>' + this.point.name + '</b>: ' + this.percentage.toFixed(2) + '%';
    }
  },
  series: [{
    name: '占比',
    data: data
  }]
};

// 初始化饼图
var chart = new Highcharts.Chart(options);

上述代码中，data变量是饼图的数据。每个数据对象包括一个name属性表示类别名称和一个y属性表示数值。

options变量是饼图的配置选项。其中tooltip选项使用了formatter函数来自定义鼠标悬停在饼图上时显示的提示框内容。this.percentage表示当前数据的占比。

最后，使用new Highcharts.Chart(options)来初始化饼图，并将其渲染到之前创建的容器中。

这样，当你移动鼠标到饼图的数据点上时，将会显示出该数据点的名称和占比