echarts-markline

echarts线

by li gang

HTML

<!-- 引入 ECharts 文件 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/3.7.1/echarts.js"></script>

<body>
  <div id="main" style="width: 600px;height:400px;"></div>
</body>

JavaScript

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

option = {
    title: {
        text: '异常流量报警分析'
    },
    tooltip: {
        trigger: 'axis'
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: ['2017-10-14','2017-10-15','2017-10-16','2017-10-17','2017-10-18','2017-10-19','2017-10-20']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            type:'line',
            data:[0.83, 0.32, 0.75, 0.66, 0.77, 0.71, 0.79],
            itemStyle : { normal: {label : {show: true}}},
            markLine: {
                 data: [{name: '报警预测值', yAxis: 0.901}],
            }
        }
    ]
};


// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);