0

问题描述

使用百度的echarts图标,type=line, 但是生成的数据会用多个,明明只有3条线,但是tooltip中展示的数据有4个偶尔还会有5个,

clipboard.png

问题出现的环境背景及自己尝试过哪些方法

相关代码

这是我代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

    option = {
                title: {},
                tooltip: {
                    trigger: 'axis',
                },
                axisPointer: {
                    link: {xAxisIndex: 'all'},
                    label: {
                        show: false,
                        backgroundColor: 'rgba(0, 0, 0, 0.5)',
                        borderColor: "null",
                        shadowColor: 'none',
                        shadowBlur: 0,
                        color: '#828187',
                    },
                    lineStyle: {
                        type:"dashed",
                        color: 'rgba(130,129,135,0.5)',
                    },
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },

                xAxis: [
                    {
                        type: 'category',
                        gridIndex: 0,
                        boundaryGap: false,
                        data: zhiShuData.times ,
                        axisLine: { show: false },
                        axisTick: { show: false },
                        axisLabel: {
                            color: '#828187',
                            formatter: function(value){
                                console.log("XXXXXXXvalueXXXXXXXX" ,  value);
                                return value
                            }
                        },
                        splitLine: { show: true , lineStyle: {color : '#171c27' , type: 'dashed'}}
                    }
                ],
                yAxis: [
                    {
                        type: 'value',
                        gridIndex: 0,
                        splitLine: { show: true , lineStyle: { color: '#171c27' , type: 'dashed' }},
                        axisTick: { show: false},
                        axisLabel: {
                            inside: true ,  // y轴上的数字在Y轴的内侧展示
                            color: '#828187',
                            formatter: function(value){
                                return Number(value).toFixed(2)
                            },
                        },
                        axisPointer: {
                            show: true
                        }
                    }
                ],
                series: [
                    {
                        name:'科创板指数',
                        type:'line',
                        symbol: "none",
                        data: zhiShuData.Kzhishu,
                        itemStyle: {
                            normal: {
                                lineStyle: {
                                    width: 2,
                                    type: 'dashed'
                                },
                                color: '#cd871a'
                            }
                        }
                    },
                    {
                        name:'A股指数',
                        type:'line',
                        symbol: "none",
                        data: zhiShuData.Azhishu ,
                        itemStyle: {
                            normal: {
                                lineStyle: {
                                    width: 2,
                                    type: 'dashed'
                                },
                                color: '#51ab25'
                            }
                        }
                    },
                    {
                        name:'KA相对指数',
                        type:'line',
                        symbol: "none",
                        data: zhiShuData.xKzhishu ,
                        itemStyle: {
                            normal: {
                                lineStyle: {
                                    width: 2,
                                    type: 'solid'
                                },
                                color: '#ae1d1d'
                            }
                        }
                    }
                ]
            };

你期待的结果是什么?实际看到的错误信息又是什么?

菜鸟 57
2019-08-27 提问
1 个回答
0

这个。。。tooltip貌似将同一水平线上的所有值都列举出来了,也就是说只要和水平线相交的点都会被显示出来,并不存在什么多余数据。

撰写答案

推广链接