小编mmw*_*610的帖子

带有自定义 X 轴标签的 Chart.js 气泡图

无论如何,我可以将 X 轴标签自定义为单词而不是数字比例吗?我尝试在我的数据中插入标签属性,但它不起作用。

这是我的代码:

var bubbleChartData = 
    {

        datasets: [
        {
            label: "My First dataset",
            backgroundColor: randomColor(),
            data: [4, 2, 3, 4, 5]
        }],
        labels: [
            "Bad",
            "Average",
            "Good",
            "Very Good",
            "Perfect"
        ]   
    };

    window.onload = function() {
        var ctx = document.getElementById("canvas").getContext("2d");
        window.myChart = new Chart(ctx, {
            type: 'bubble',
            data: bubbleChartData,
            xAxisID: 'testing',
            options: {

                responsive: true,
                title:{
                    display: true,
                    text:'Chart.js Bubble Chart'
                },


            }
        });
    };
Run Code Online (Sandbox Code Playgroud)

这就是我得到的: 在此处输入图片说明

javascript charts angularjs chart.js

5
推荐指数
1
解决办法
5283
查看次数

标签 统计

angularjs ×1

chart.js ×1

charts ×1

javascript ×1