Echarts折线图拐点突出显示效果

最新推荐文章于 2024-06-16 11:18:18 发布

不明真相的围观脆皮炸鸡

最新推荐文章于 2024-06-16 11:18:18 发布

阅读量2.8k

点赞数 1

分类专栏： echarts

本文链接：https://blog.csdn.net/weixin_42555053/article/details/114979865

版权

本文介绍如何使用Echarts实现折线图中拐点的突出显示效果，重点在于series的itemStyle和emphasis配置。

摘要由CSDN通过智能技术生成

代码如下：

 //初始化数据录入情况echarts实例
        var echarts_dataEntry = echarts.init(document.getElementById('echarts_dataEntry'));
        option = {
   
            title: {
   
                // text: '折线图堆叠'
            },
            tooltip: {
   
                trigger: 'axis'
            },
            legend: {
   
                //  icon: "circle",  //图例变成小圆点
                x: 'center',      //可设定图例在左、右、居中
                y: 'bottom',     //可设定图例在上、下、居中
                data: ['基础数据', '空间数据', '成果数据']
            },
            grid: {
   
                top: '3%',
                left: '3%',
                right: '4%',
                bottom: '8%',
                containLabel: true
            },
            xAxis: {
   
                type: '