欢迎光临
我们一直在努力

如何用 Highcharts开发定义南丁格尔玫瑰图、可变半径饼图?

Variable radius pie|南丁格尔玫瑰图、可变半径饼图

可变半径饼图是一种圆形图表,其扇区的大小与它们所代表的数量或体积成正比。作为对标准饼图的补充,标准饼图只需要一个参数,而变量饼系列使用两个参数Y和Z,其中Y代表扇区的体积,Z代表扇区的半径。

若需更详细的示例和文档,请查看 API.

在这里插入图片描述 在这里插入图片描述

点击 here 查看代码.

如何创建一个可变半径的饼图系列

变量半径饼图系列类型需要以下模块 modules/variablepie.js.

创建可变半径饼图的步骤如下:

  • 将系列类型设置为 variablepie:
  • chart: {
    type: 'variablepie'
    }

  • 在系列中使用 Y 和 Z 选项以显示每个扇形的体积和半径:
  • series: [{
    minPointSize: 100,
    innerSize: '20%',
    data: [{
    y: 505370,
    z: 1
    }, {
    y: 551500,
    z: 2
    }, {
    y: 312685,
    z: 1
    }, {
    y: 78867,
    z: 3
    }, {
    y: 301340,
    z: 4
    }, {
    y: 41277,
    z: 5
    }, {
    y: 357022,
    z: 5
    }]
    }]

    可变饼图系列的特定选项

    • zMin:用于计算点的半径的最小Z值。如果点的Z值小于zMin,则扇区将根据zMin值绘制。zMin通过允许显示具有非常小Z值的扇区,改善了用户体验。
    • zMax: 用于计算点半径的最大可能z值。如果点的Z值大于zMax,切片将根据zMax值绘制。zMax通过避免切片比例失衡,提升了用户体验。
    • minPointSize: 此选项设置任何点的最小半径大小,值接近零。此选项的工作方式类似于柱状图中的minPointLength in column charts.
    • maxPointSize: 点的最大半径大小。饼图扇形的半径不能大于 maxPointSize
    • sizeBy: 大小方式 此选项与饼图中Z值的表示方式有关。饼块的数值可以用面积或半径来表示。默认的面积方式最符合人类对每个饼块大小的感知。
    赞(0)
    未经允许不得转载:171主机测评 » 如何用 Highcharts开发定义南丁格尔玫瑰图、可变半径饼图?
    分享到: 更多 (0)

    评论 抢沙发

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址