angular - chartjs - 如何设置不同图表的显示顺序

Question

这里有 3 个不同的数据集。我想在看不到线条的情况下将它们一个接一个地显示。

datasets: [
   {
    data : someData
    borderColor: "#0070C0"
    borderWidth: 3
    barThickness: "flex"
    fill: "origin"
    backgroundColor: "#0070C0"
    order: 4
   }
]

我尝试设置数据集的顺序，如上所示。我仍然得到我在图像中显示的图表。

标签： angularchartschart.js

Answer 1

您可以使用类似的线条隐藏线条borderColor: "rgba(255,255,255,0)"

您不能简单地仅隐藏其他区域后面的点，您可以全部隐藏或不隐藏。

这是我测试过的 JSBin：https ://jsbin.com/vuyigocexi/2/edit?js,output

顺便说一句，如果您省略order-property，则使用代码中数据集的顺序。

如果您提供更多信息，我可能会更好地帮助您。