相关疑难解决方法(0)

一页上有多个图表。每条图表线都是通用的。我想显示像图这样的多个图表共有的图例。它像默认图例一样使用 OnClick 显示和隐藏所有图表线。 这张照片是假的

那可能吗？如何？

我曾在多个图表、一个图例、多个图表 Chart JS等上尝试过Chart.js 同步图例切换。但是，这些解决方案有一个带有图例的图表，而该图例会影响其他图表。

我应该隐藏图表并只显示图例吗？我应该在没有数据的情况下绘制图表吗？

如果你能告诉我，我会毕业的

HTML

<script src="https://rawgit.com/nnnick/Chart.js/v1.0.2/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.0-beta/Chart.js"></script>
<div>
    <canvas id="myChartA"></canvas>
</div>

<div>
    <canvas id="myChartB"></canvas>
</div>

JS

var ctxA = document.getElementById("myChartA").getContext("2d");
var ctxB = document.getElementById("myChartB").getContext("2d");

let data_A1 = [{
        x: "2019-01-01 00:01:38",
        y: "13.0"
    },
    {
        x: "2019-01-01 01:01:39",
        y: "11.0"
    },
    {
        x: "2019-01-01 02:01:40",
        y: "16.0"
    },
    {
        x: "2019-01-01 03:01:41",
        y: "15.0"
    },
    {
        x: "2019-01-01 04:01:42",
        y: "14.0"
    }
]; …