highcharts 饼图常用设置项

最新推荐文章于 2025-06-06 10:17:49 发布

hello，是翠花呀

最新推荐文章于 2025-06-06 10:17:49 发布

阅读量8.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript进阶之路文章标签： highcharts 饼图

本文链接：https://blog.youkuaiyun.com/qq_26769677/article/details/80229195

JavaScript进阶之路专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了Highcharts饼图的常见配置项，包括图例的显示与样式设置、饼图尺寸调整、提示信息格式等，帮助开发者快速掌握饼图的定制化技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

highcharts 饼图常用设置项

 legend: {
    enabled: false,      //不显示图例
	/* layout: 'vertical',   //图例布局：竖直方向排列
	 backgroundColor: '#fff',  //图例背景颜色
	 borderRadius: '5',   //图例背景边框圆角
	 maxHeight: 200,     // 最大高度
	 lineHeight: 200,    // 行高
	 padding: 0,      //内边距
	 itemMarginTop: 20,    //图例每行举上高度
	 squareSymbol: true,
	 x: 0,          //x,y设置图例位置
	 y: 0,
	 align: 'left',   //居左显示
	 */    
  },
plotOptions: {
       pie: {
            size:90,   //饼图外圈直径大小
            innerSize: '40',  //饼图的内圈直径大小

        }
    },
 tooltip: {
        headerFormat: '{series.name}<br>',
         pointFormat: '{point.name}: <b>{point.percentage:.2f}%</b>'  ///小数点保留位数
     },
chart: {

    marginLeft: 170,    //饼图距左距离

   },