Highcharts 饼图是一种用于表示数据占比的图表类型。在 Highcharts 中,饼图是通过 pie 类型的图表来实现的。以下是一个简单的 Highcharts 饼图的示例:
<!-- 引入 Highcharts 库 -->
<script src="https://code.highcharts.com/highcharts.js"></script>

<!-- 创建图表容器 -->
<div id="chart-container" style="width: 100%; height: 400px;"></div>

<!-- 在 body 标签的底部添加以下 JavaScript 代码 -->
<script>
  // 数据
  var data = [
    { name: 'Category 1', y: 30 },
    { name: 'Category 2', y: 20 },
    { name: 'Category 3', y: 15 },
    { name: 'Category 4', y: 25 },
    { name: 'Category 5', y: 10 }
  ];

  // 配置 Highcharts 饼图
  Highcharts.chart('chart-container', {
    chart: {
      type: 'pie' // 图表类型为饼图
    },
    title: {
      text: 'Highcharts 饼图' // 图表标题
    },
    series: [{
      name: 'Series 1',
      data: data // 数据系列
    }]
  });
</script>

在上述示例中,type 被设置为 'pie',这表示这是一个饼图。数据系列 data 是一个数组,每个元素包含了名称 (name) 和数值 (y)。这表示不同类别的占比。

Highcharts 饼图的特点是通过扇形的面积来表示数据占比,适用于显示各部分在整体中的比例。

你可以根据需要进一步自定义图表,例如添加更多的数据系列、调整颜色和样式、设置工具提示等。请参考 [Highcharts 官方文档](https://api.highcharts.com/highcharts) 以获取更详细的配置选项和示例。


转载请注明出处:http://www.zyzy.cn/article/detail/5051/Highcharts