在ChartJs中使用Polar面积图独立显示百分比和值

时间:2018-07-22 07:19:47

标签: chart.js

我希望能够在chartjs的一张极地面积图上独立显示百分比和值。例如,我想像饼图一样设置市场份额百分比,但是在圆圈中显示的值显示每个细分市场的利润,高度是相对于值的百分比,而不是百分比。

我知道传统的极坐标图只会在图表上标出数值及其百分比。我想将两者分开,以便确定百分比,然后将值设置为更有意义的值。

那有可能吗?这是指向代码笔的链接,该代码笔显示了其他人对chartjs极坐标图的实现。我玩过,但是到目前为止还没到。

Codepen polar chart example

代码如下:

var myChart = new Chart(ctx, {
  type: 'polarArea',
  data: {
    labels: ["M", "T", "W", "T", "F", "S", "S"],
    datasets: [{
      backgroundColor: [
        "#2ecc71",
        "#3498db",
        "#95a5a6",
        "#9b59b6",
        "#f1c40f",
        "#e74c3c",
        "#34495e"
      ],
      data: [12, 19, 3, 17, 28, 24, 7]
    }]
  }

但是我看不到要输入两个大量数据的一种方法,一个用于百分比,另一个用于值。

here中找到的api仅引用角度,而不设置角度。 api中是否有某些东西(我可能会丢失)可以帮助我绕过此步骤?

0 个答案:

没有答案