javascript - 怎么设置echart中提示框的数据呢?

问题描述

问 题

请教大神们，怎么让echarts中提示框出现多个数据？echarts提示框默认只显示Y轴坐标值一个数据，但是我还想让它显示多个数据。目前我只能显示总会话量，包过时间和其他的地区数据不知道怎么显示？还有就是x轴的样式，那些小圆点有数据和没数据怎么弄呀？以下是我的代码：
option = {

    title: {
        text: '折线图'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['总访问量']
    },
    grid: {
        left: '1%',
        right: '2%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}

// mark:{show:false}

        }

    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['00点','02点','04点','06点','08点','10点','12点','14点','16点','18点','20点','22点']
    },
    yAxis: [{
        type: 'value',
        boundaryGap: false,
        splitNumber:6,
        scale: true,

// 控制y轴线是否显示

        axisLine:{show:false},

// 控制网格线是否显示

        splitLine:{
            show:true
        },

// 去除y轴上的刻度线

        axisTick: {
            show: false
        }
        }],
    series: [
        {
            name:'总访问量',
            type:'line',
            stack: '总量',
            itemStyle : {
                normal : {
                    color:'#CA77FF',
                    lineStyle:{
                        color:'#CA77FF'
                    }
                }
            },
            data:[200, 150, 100, 60, 150, 430, 560,600,800,850,1000,1050]
        }
    ]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
//当浏览器窗口发生变化的时候调用div的resize方法
window.onresize = function(){
    myChart.resize();
}

解决方案

tooltip的话看官方formatter！
然后可以参考一下代码：
`tooltip:{

trigger:"axis",
foramtter:function(params){
    console.log(params)
    这里处理你想要的数据
    最后 return......;
}

}`
echarts series的data支持数组对象格式（[{},{},{}]）,把你先要显示的都传进去不要占用value(这个是你折线的值） 然后看你formatter里console的东西就可以了

这篇关于javascript - 怎么设置echart中提示框的数据呢?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！