在使用这个chart.js之前,自己写过一个饼图,总之碰到的问题不少,所以能用现成的插件就用,能节省不少时间
这里不打算介绍chart.js里面详细的参数意义和各个参数的用法,只作为首次使用chart.js的一个入门级的说明!
在使用之前,我找到了一个中文的chart.js的文档地址:http://www.bootcss.com/p/chart.js/docs/,打开后发现除了菜单是中文的,其他还是英文的,这个可能是从官方直接扒下来的版本,很久没更新了,部分参数和官方已经差距很大,还是直接看官方的吧http://www.chartjs.org/
首先还是npm安装chart.js
npm install chart.js --save
这里直接贴出来一个折线图的代码好了,比较直接
exportdefault{
components: {
},
data() {return{
}
},
mounted() {var ctx2 = document.getElementById("myChart2");var myChart2 = newChart(ctx2, {
type:"line",
data: {
labels: ["January", "February", "March", "April", "May", "June", "July", "August&#