echart问题请教 - 专家坐堂 - Foxtable(狐表) - 新一代数据库软件，完美融合Access、Foxpro、Excel、vb.net之优势，人人都能掌握的快速软件开发工具!

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

共有1859人关注过本帖树形打印复制链接主题：echart问题请教

rjh4078

小大 1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：狐精帖子：3353 积分：24705 威望：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

加好友

发短信

等级：狐精帖子：3353 积分：24705 威望：0 精华：0 注册：2012/3/26 21:47:00

Post By：2019/6/14 8:18:00 [只看该作者]

没太明白老师的意思

rjh4078

小大 4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：狐精帖子：3353 积分：24705 威望：0 精华：0 注册：2012/3/26 21:47:00

Post By：2019/6/14 8:29:00 [只看该作者]

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

有点蓝

小大 5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC

加好友

发短信

等级：超级版主帖子：105926 积分：538693 威望：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

加好友

发短信

等级：狐精帖子：3353 积分：24705 威望：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

加好友

发短信

等级：超级版主帖子：105926 积分：538693 威望：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都研究一遍。

下一主题 >> << 上一主题

主题：echart问题请教