折线图

统计了数据，为了更好的做出对比，就有了各种各样的图标，现在来做做折线图
用echarts插件

设置宽高位置

<div class="col-9 ml-3" id="tabContent">
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main1" style="width:400px;height:300px;float:left;"></div>
</div>

//在echarts里调好了，复制出来
//折线图原本是直线的，加 smooth: true 就可以变成曲线了
//然后掉用图表

$(function () {
// 基于准备好的dom，初始化echarts实例
var myChart1 = echarts.init(document.getElementById('main1'));

// 指定图表的配置项和数据
var option1 = {
title: {
text: ''
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c}'
},
legend: {
top: 'auto',
data: ['年度月收入趋势']
},
xAxis: {
boundaryGap: false,
name: 'x',
splitLine: { show: false },
data: ['1月', '3月',  '5月','7月', '9月',  '11月'],
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true

},
yAxis: {

type: 'log',
name: 'y'
},
series: [
{
name: '年度月收入趋势',
smooth: true,//是否平滑曲线显示`。
sampling: 'average',
type: 'line',
data: [27, 51, 81, 8451, 247, 4512]
},
]
};

// 使用刚指定的配置项和数据显示图表
myChart1.setOption(option1); 
});

效果图