相关疑难解决方法(0)

Chart.js 极地面积图。将标签更改为 45 度角

我已经通过网络搜索了如何解决这个问题,但没有成功。我见过人们使用背景图片,但这似乎很懒惰且无济于事。我想将标签移动到 45 度角,这样看起来更专业。

我的图表目前看起来像这样 -

但我希望它看起来像这样 -

在此处输入图片说明

有人对我如何做到这一点有任何想法吗?

我的代码副本在下面。

    new Chart(DummyChart, {
      type: "polarArea",
      data: {
        labels: ["Dummy1", "Dummy 2", "Dummy 3", "Dummy 4"],
        datasets: [
          {
            data: [125, 375, 300, 240],
            backgroundColor: "#57C5C8",
            borderWidth: 4,
            hoverBorderColor: "white",
            label: "Dummy Dummy "
          }
        ]
      },
      options: {
        cutoutPercentage: 20,
        legend: {
          display: false
        },
        layout: {
          padding: 0
        },
        scale: {
          ticks: {
            max: 450,
            maxTicksLimit: 1,
            display: false
          },
          angleLines: {
            display: true
          },
          pointLabels: {
            display: true
          } …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs chart.js

5
推荐指数
1
解决办法
652
查看次数

标签 统计

chart.js ×1

javascript ×1

reactjs ×1