chart.js - 折线图的数字 X 轴

Question

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

当我现在尝试使用折线图时，由于标签只是文本，它向我显示 1,2,4,8 之间的间隙相同。

请查看 example

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]
    }]
};

有没有办法实现这一目标？

Answer 1

查看散点图扩展 ( http://dima117.github.io/Chart.Scatter/ ) - 列在社区扩展下 http://www.chartjs.org/docs/#advanced-usage-community-extensions .

这支持数字标度。