Canvas 应用 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

创建图表


在创建Chart对象之后,就可以继续创建chart.js中存在的图表。下面是一个极坐标图的例子:

new Chart(ctx).Line(data, options);

  图表的插件是通过调用与图表名称相同的方法来实现。在方法中的data参数是图表的类型,options是图表的参数。Chart.js会将全局默认参数和指定的默认参数相合并,然后将传入的options作为第二个参数使用。

如果你希望图表是响应式的,可以参考下面的设置:

Chart.defaults.global.responsive = true;

现在,每次创建图表的时候,options.responsive都会被设置为true