使用Chart.js时隐藏xAxis标签

时间:2020-04-09 07:55:11

标签: javascript chart.js

我正在使用chart.js从本地托管的mysql DB中的数据创建线图。

我能够提取此数据并按预期显示它,但是尽管遵循了文档和其他建议,但我无法隐藏xAxis标签。我正在使用的代码如下-任何帮助将不胜枚举。

            var chardata = {
            labels: time,
            datasets: [
                {
                label: "System health",
                fill: false,
                backgroundColor: "rgba(123, 192, 67, 0.75)",
                borderColor: "rgba(123, 192, 67, 1)",
                pointHoverBackgroundColor: "rgba(123, 192, 67, 1)",
                pointHoverBorderColor: "rgba(123, 192, 67, 1)",
                data: health_score
                }
            ]
        };

        var ctx = $("#mycanvas");

        var options = {
            type: 'line',
            data: chardata,
            options: {
                scales: {
                xAxes: [{
                    ticks: {
                        display: false
                    }
                }]
                }
            }
        };

        var LineGraph = new Chart(ctx, options);

欢呼

1 个答案:

答案 0 :(得分:1)

..

df2 = df.join(df1.add_prefix('Count'), on='No')
print (df2)
  No Status  CountBad  CountGood
0  a    Bad         1          1
1  a   Good         1          1
2  b    Bad         2          0
3  b    Bad         2          0
4  c   Good         0          2
5  c   Good         0          2
6  d    Bad         1          0

..

相关问题