chart.js 设置图例Legend的对齐方式

截止到今天,chart.js版本v2.8.0不支持配置Legend对齐方式,默认居中。但是我在Github Pull Request找到了解决方法。

https://github.com/chartjs/Chart.js/pull/6141

img

img

img

  1. 克隆 chart.js最新代码 git clone https://github.com/chartjs/Chart.js.git

  2. Building chart.js

1
2
3
4
5
6
7
> cd Chart.js

> npm install

> npm install -g gulp-cli

> gulp build
  1. 进入dist文件夹引入Chart.bundle.js或者Chart.bundle.min.js

  2. 在legend里面添加配置项align,align可选项为start/center/end,默认center

img