首页 经验

echarts 基础平滑折线图

时间: 2022-05-09 19:10:23

(部分内容来自网络,其真实性存疑,为了避免对您造成误导,请谨慎甄别。)


echarts 基础平滑折线图,代码


import * as echarts from 'echarts';


var chartDom = document.getElementById('main');

var myChart = echarts.init(chartDom);

var option;


option = {

  xAxis: {

    type: 'category',

    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

  },

  yAxis: {

    type: 'value'

  },

  series: [

    {

      data: [820, 932, 901, 934, 1290, 1330, 1320],

      type: 'line',

      smooth: true

    }

  ]

};


option && myChart.setOption(option);


line-smooth.png

上一个 echarts折线图 文章列表 下一个 echarts 面积图

最新

© 2019-至今 适观科技

沪ICP备17002269号