javascript - 怎么设置echart中提示框的数据呢?
PHPz
PHPz 2017-04-11 09:06:12
[JavaScript讨论组]

请教大神们,怎么让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);
//当浏览器窗口发生变化的时候调用p的resize方法
window.onresize = function(){
    myChart.resize();
}
PHPz
PHPz

学习是最好的投资!

全部回复(1)
怪我咯

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号