配置

该配置用于更改图表的行为。用属性来控制样式,字体,图例等。

全局配置

此概念在Chart.js 1.0中引入,以保持配置DRY,并允许跨图表类型全局更改选项,避免为每个实例指定选项或特定图表类型的默认值。

Chart.js将传递给图表的选项对象与使用图表类型默认值的全局配置合并,并适当缩放默认值。这样您可以按照您在单个图表配置中的特定要求,同时在适用的情况下仍然更改所有图表类型的默认值。 全局常规选项在Chart.defaults.global中定义。每个图表类型的默认值在该图表类型的文档中讨论。

以下示例将将所有图表的hover模式设置为“nearest”,其中图表类型默认值不会被覆盖,或者在创建时传递给构造函数。

  1. Chart.defaults.global.hover.mode = 'nearest';
  2. //hover模式设置为nearest,因为它不被覆盖
  3. var chartHoverModeNearest = new Chart(ctx, {
  4. type: 'line',
  5. data: data,
  6. });
  7. // 该图标的hover模式自定义传入
  8. var chartDifferentHoverMode = new Chart(ctx, {
  9. type: 'line',
  10. data: data,
  11. options: {
  12. hover: {
  13. // 覆盖全局设置
  14. mode: 'index'
  15. }
  16. }
  17. })