line: simple line

简单折线图

HTML

<script src="//unpkg.com/echarts/dist/echarts.min.js"></script>
<script src="https://underscorejs.org/underscore.js"></script>
<div id="main" style="width: 800px;height:600px;"></div>

JavaScript

var myChart = echarts.init(document.getElementById('main'));

var option = {
    "calendar": {
        "range": [
            "2022-01"
        ]
    },
    "visualMap": {
        min: -1,
        max: 200,
        range: [0,200],
        "inRange": {
            "color": [
                "#79ca66",
                "#d35353"
            ]
        },
        "outOfRange": {
            "color": "#000",
            "opacity": 0.2
        }
    },
    "series": {
        "type": "heatmap",
        "coordinateSystem": "calendar",
        "selectedMode": "single",
        "data": [
            [
                1641168000000,
                7.37
            ],
            [
                1641945600000,
                199.1
            ],            
            [
                1640995200000,
                -1
            ],
        ],
        "name": "PM2.5"
    }
}

myChart.setOption(option);