非常适合想要尽快启动和运行简单图表的人
它抽象了一些简单的逻辑, 但是也暴露了 Chart.js 对象, 提供了极大的灵活性.
安装
NPM
你可以在 npm 下安装 vue-chartjs....如果你修改了数据集, Chart.js 是不会提供实时更新的....当数据改变, 如果数据在数据集中改变, 它将调用update(); 如果添加了新的数据集, 它将调用renderChart().
reactiveData 创建一个本地的chartData变量, 不是props...$watch
:::
事件
如果你的数据改变, 响应式的 mixins 将会触发事件. 你能监听他们通过在图表组件上使用 v:on....所以你图表在你数据到达前安装.
防止这个问题, 一个 v-if 即可.
创建你的图表组件通过一个数据参数和一个配置参数, 所以我们可以从一个容器组件中传递我们的数据和配置.