柱状/条形图(Bar)

数据集属性

柱状/条形图允许为每个数据集指定一些属性用于显示特定数据集。一些属性可以被指定为一个数组。如果这些设置为数组值，则第一个值应用于第一个节点，第二个值应用于第二个节点，依此类推。

此设置用于避免基线被填充。一般来说，除非创建从柱状/条形图派生的图表类型，否则不需要更改。

选项:

柱状/条形图定义了以下配置选项。这些选项与全局图表配置选项Chart.defaults.global合并，形成最终传递给图表的选项。

此设置适用于条形图的轴配置。需要为每个新添加到图表中的轴设置此设置。

options = {
        xAxes: [
            {
                    offsetGridLines: true
                }
            }
        ]
    }
};

通常要将配置设置应用于所有创建的条形图。全局条形图设置存储在Chart.defaults.bar中。更改全局选项只会影响更改后创建的图表。现有图表不会更改。

以下显示了百分比选项与类别百分比选项之间的关系。

条形图数据集的data属性被指定为一个数字数组。数据数组中的每个点对应于 x 轴上相同索引处的标签。

data: [20, 10];

以下数据集属性特定于堆叠条形图。

水平条形图是垂直条形图上的变体。它有时用来显示趋势数据，并排比较多个数据集。

var myBarChart = new Chart(ctx, {
    type: "horizontalBar",
    data: data,

水平条形图的配置选项与相同。但是，任何在条形图中 x 轴上指定的选项都将应用于水平条形图中的 y 轴。

默认的水平栏配置选项在Chart.defaults.horizontalBar中设置。