小编Amo*_*ora的帖子

ChartJs 中折线图下方区域的背景颜色?

我正在创建一个图表来使用图表 js 呈现一些数据。

  const data = {
    labels: ["1 Dec", "8 Dec", "16 Dec", "31 Dec"],
    datasets: [
      {
        label: "Sales Made",
        data: [3, 7, 4, 5],
        borderColor: ["#03A9F5"],
      },
    ],
  };
  const options = {
    tension: 0.4,
    title: {
      display: true,
      text: "linechrt",
    },
    scales: {
      y: [
        {
          display: true,
          stacked: true,
          ticks: {
            beginAtZero: true,
            steps: 10,
            stepValue: 5,
            min: 0,
            max: 100,
          },
        },
      ],
    },
  };
Run Code Online (Sandbox Code Playgroud)

现在我已经查看了在线教程甚至文档,但我还没有得到关于如何绘制线下方区域的明确答案。ChartJs 有很多版本,以前对这个问题的答案尤其是在 Stack 上似乎不起作用。

对于其他图表,例如条码

backGroundColor: ["red"] …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs chart.js react-chartjs

6
推荐指数
1
解决办法
8624
查看次数

标签 统计

chart.js ×1

javascript ×1

react-chartjs ×1

reactjs ×1