Chart.js 清除数据 和 line(曲线改为直线)

vue

<canvas class="canvas" ref="popChart" :width="1000" height="400"></canvas>



import "../../../js/Chart"


if (this.el_chart) {
//如果之前有数据 重新获取数据 鼠标移入canvas 会出现前后数据晃动 ************
  this.el_chart.destroy();   
}
let ctx = this.$refs.popChart.getContext('2d');
let options = {
  type: 'line', //'radar',//'line',//'pie',//'bar',//doughnut  
  data: {
    labels: data.sale_date_list,
    datasets: [{
      label: '总销售额',
      data: data.sun_amount_list,
      backgroundColor: 'rgba(252,93,93,0.2)',
      borderColor: '#FC5D5D',
      tension:0, ////张力,0为没曲线  成为直线            *******************
    },
      {
        label: '线上销售额',
        data: data.online_amount_list,
        backgroundColor: 'rgba(113,149,250,0.2)',
        borderColor: '#7195FA',
        tension:0
      },
      {
        label: '线下销售额',
        data: data.shop_amount_list,
        backgroundColor: 'rgba(93,255,111,0.2)',
        borderColor: '#52FC6C',
        tension:0, ////张力,0为没曲线
      },
    ]
}
}
this.el_chart = new Chart(ctx,options);

 

发布了28 篇原创文章 · 获赞 2 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览