小编sho*_*zer的帖子

当Chart.js中未显示数据时隐藏Y轴标签

我有一个Chart.js条形图,显示了两组数据:Total SQL Queries和Slow SQL Queries。每个数据集都有Y轴标签。该图如下所示:

SQL性能图

当我切换一组数据中的一个不显示时,仍会显示相应的Y轴标签。在解释图形时,这有点令人困惑。如下图所示:

在此处输入图片说明

我的问题:如何隐藏当前未显示的任何数据的Y轴标签?

这是我目前设置图表的方式:

<canvas id="SQLPerformanceChart" minHeight="400"></canvas>
<script type="text/javascript">
    ...
    var data = {
        labels: labelArray,
        datasets: [{
            label: "Total SQL Queries",
            fill: false,
            borderWidth: 1,
            borderColor: "green",
            backgroundColor: "rgba(0, 255, 0, 0.3)",
            yAxisID: "y-axis-0",
            data: totalQueriesArray
        }, {
            label: "Slow SQL Queries",
            fill: false,
            borderWidth: 1,
            borderColor: "orange",
            backgroundColor: "rgba(255, 255, 0, 0.3)",
            yAxisID: "y-axis-1",
            data: slowQueriesArray,
        }]
    };

    var options = {
        animation: false,
        scales: {
            yAxes: [{
                position: "left",
                ticks: {
                    beginAtZero: …
Run Code Online (Sandbox Code Playgroud)

javascript chart.js

3
推荐指数
1
解决办法
2586
查看次数

标签 统计

chart.js ×1

javascript ×1