1

就像标题所说的,如何减少chart.js 2.0中条形之间的x轴距离,如下图所示。

例子

目前,这是我的酒吧

在此处输入图像描述

这是我的代码

.

https://jsfiddle.net/mx2gh59k/

4

1 回答 1

-1

您可以制作多个数据集。一个用于 2004 年,一个用于 2014 年。有一个示例代码: http: //www.chartjs.org/docs/

var data = {
labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
    datasets: [
        {
            label: "My First dataset",
            backgroundColor: "rgba(179,181,198,0.2)",
            borderColor: "rgba(179,181,198,1)",
            pointBackgroundColor: "rgba(179,181,198,1)",
            pointBorderColor: "#fff",
            pointHoverBackgroundColor: "#fff",
            pointHoverBorderColor: "rgba(179,181,198,1)",
            data: [65, 59, 90, 81, 56, 55, 40]
        },
        {
            label: "My Second dataset",
            backgroundColor: "rgba(255,99,132,0.2)",
            borderColor: "rgba(255,99,132,1)",
            pointBackgroundColor: "rgba(255,99,132,1)",
            pointBorderColor: "#fff",
            pointHoverBackgroundColor: "#fff",
            pointHoverBorderColor: "rgba(255,99,132,1)",
            data: [28, 48, 40, 19, 96, 27, 100]
        }
    ]
};

我做了同样的,但我现在不能发布截图。

于 2016-08-30T06:42:37.093 回答