ECharts学习--折线图

（一）常见的折线图配置

<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'