代码之家  ›  专栏  ›  技术社区  ›  tone

在ChartJs中,使用极坐标图独立显示百分比和值

  •  3
  • tone  · 技术社区  · 6 年前

    我希望能够在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]
        }]
      }
    

    但我看不出有任何方法可以输入两组数据,一组是百分比数据,另一组是数值数据。

    api,找到了 here ,只参考角度,而不是设置角度的方式。api中是否有什么东西(我可能遗漏了)可以帮助我绕过这个问题?

    0 回复  |  直到 6 年前