(一)常见的折线图配置
<div style="width: 700px;height: 400px;"></div>
<script>
var mCharts = echarts.init(document.querySelector('div'))
var yData = [3000, 2000, 1000, 3500, 2000, 5000, 7000, 2000, 10000, 4000, 2400, 1200];
var xData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
var option = {
title: {
text: '工资表',
textStyles: {
color: '#555'
}
},
tooltip: { // 提示框组件
tigger: 'item', // 鼠标移动到点显示
},
xAxis: {
type: 'category',
data: xData,
boundaryGap: false, // 紧挨边缘
scale: true // 缩放 脱离0值比例
},
yAxis: {
type: 'value'