小编Jis*_*hnu的帖子

折线图的数字X轴

我想用一组(x,y)值绘制折线图。x轴和y轴都需要缩放。我的意思是说,我的值是(1,10),(2,20),(4,30),(8,40)1和2之间的距离应该是2和4之间的一半。 4和8的一半。

现在,当我尝试使用折线图时,由于标签只是文本,因此显示1,2,4,8,并且它们之间有相同的间距。

请检查示例

var ctx = document.getElementById("chart").getContext("2d");
var data = {
    labels: [1, 2, 4, 8],
    datasets: [{
        label: "My First dataset",
        fillColor: "rgba(220,220,220,0.5)",
        strokeColor: "rgba(220,220,220,0.8)",
        highlightFill: "rgba(220,220,220,0.75)",
        highlightStroke: "rgba(220,220,220,1)",

        data: [10,20,30,40]
    }]
};
Run Code Online (Sandbox Code Playgroud)

有什么办法可以做到这一点?

linechart chart.js

5
推荐指数
2
解决办法
2394
查看次数

标签 统计

chart.js ×1

linechart ×1