Foxtable(狐表)用户栏目专家坐堂 → echart问题请教


  共有3055人关注过本帖树形打印复制链接

主题:echart问题请教

帅哥哟,离线,有人找我吗?
rjh4078
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:狐精 帖子:3361 积分:24808 威望:0 精华:0 注册:2012/3/26 21:47:00
echart问题请教  发帖心情 Post By:2019/6/13 23:05:00 [只看该作者]

https://echarts.baidu.com/examples/editor.html?c=effectScatter-bmap

这个图的取数函数是不是有问题
var convertData = function (data) {
    var res = [];
    for (var i = 0; i < data.length; i++) {
        var geoCoord =geoCoordMap [data[i].name];
        if (geoCoord) {
            res.push({
                name: data[i].name,
                value: geoCoord.concat(data[i].value)
            });
        }
    }
    return res;
};

上面的var data里传递了value值  但是地图上标记的是PM2.5信息是纬度数据 而不是value

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2019/6/14 0:27:00 [只看该作者]

修改前面那里,如

 

tooltip : {
         formatter: function (val) {
                return val.value[2];
            }
    },


 回到顶部
帅哥哟,离线,有人找我吗?
rjh4078
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:狐精 帖子:3361 积分:24808 威望:0 精华:0 注册:2012/3/26 21:47:00
  发帖心情 Post By:2019/6/14 8:18:00 [只看该作者]

没太明白老师的意思

 回到顶部
帅哥哟,离线,有人找我吗?
rjh4078
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:狐精 帖子:3361 积分:24808 威望:0 精华:0 注册:2012/3/26 21:47:00
  发帖心情 Post By:2019/6/14 8:29:00 [只看该作者]

能不能直接告诉我 我想在图上的数据显示的是value值而不是纬度值?

 回到顶部
帅哥,在线噢!
有点蓝
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110648 积分:563148 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2019/6/14 8:38:00 [只看该作者]

设置自定义提示:https://www.echartsjs.com/option.html#tooltip

……
    series : [
        {
            name: 'pm2.5',
            type: 'scatter',
            coordinateSystem: 'bmap',
            data: convertData(data),
            symbolSize: function (val) {
                return val[2] / 10;
            },
            tooltip : {
                 formatter: function (val) {
                        return val.name + ': ' + val.value[2];
                 }
            },
……
[此贴子已经被作者于2019/6/14 8:39:00编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
rjh4078
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:狐精 帖子:3361 积分:24808 威望:0 精华:0 注册:2012/3/26 21:47:00
  发帖心情 Post By:2019/6/14 10:18:00 [只看该作者]

可能我表述的不是很清楚  看下图
图3里面的46.58显示的其实是图2里面纬度值 而不是图1里面传递的value值
我现在要实现在tooltip上显示图1里面的值

图片点击可在新窗口打开查看此主题相关图片如下:1.png
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:2.png
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:3.png
图片点击可在新窗口打开查看

[此贴子已经被作者于2019/6/14 10:18:49编辑过]

 回到顶部
帅哥,在线噢!
有点蓝
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110648 积分:563148 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2019/6/14 11:06:00 [只看该作者]

有两个系列的,5楼只是处理了第一个系列。如果要对所有系列起作用,放到外部即可

option = {
    title: {
        text: '全国主要城市空气质量 - 百度地图',
        subtext: 'data from PM25.in',
        sublink: 'http://www.pm25.in',
        left: 'center'
    },
    tooltip : {
        trigger: 'item',
         formatter: function (val) {
                return val.name + ': ' + val.value[2];
         }
    },
……

想用好echarts,建议还是把echarts的整个api都研究一遍。

 回到顶部