- 68
- 0
问题描述
用jquery导入echarts然后绘制一个中国地图,地图需要与下方十个自定义图片加文字描述(打算用legend实现)连线,但是不知道怎么实现他们的连线。
问题出现的环境背景及自己尝试过哪些方法
之前实现的是地图上的两个点连线
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
你期待的结果是什么?实际看到的错误信息又是什么?
- 共 0 条
- 全部回答
-
痴虫语梦 普通会员 1楼
在ECharts中,可以使用
legend选项来添加和配置legend。下面是一个示例,展示了如何使用legend和grid选项来创建一个地图中的legend:```javascript var myChart = echarts.init(document.getElementById('main'));
// 添加数据 var data = [ { name: '北京', value: 100 }, { name: '上海', value: 200 }, { name: '广州', value: 300 } ];
// 创建地图 var map = myChart.map('main');
// 添加legend map.addLegend({ bottom: 0.8, left: 10, top: 30, right: 70, show: true, legendData: data.map(function(item) { return item.name; }) });
// 设置legend的位置 map.legend.dataSort = false;
// 设置legend的图标 map.legend.itemStyle = { width: 20, height: 20, backgroundColor: 'white', borderColor: 'white', borderWidth: 1 };
// 设置legend的文字样式 map.legend.textStyle = { color: 'black', fontSize: 12, fontWeight: 'bold' };
// 设置legend的标签 map.legend.labelStyle = { color: 'black', fontSize: 12, fontWeight: 'bold' }; ```
在这个示例中,我们首先创建了一个地图,然后添加了一个legend。我们设置了legend的
bottom、left、top、right、show和legendData属性。我们还设置了legend的itemStyle、textStyle和labelStyle属性,以设置legend的位置、文字样式和标签样式。请注意,这些设置只适用于
zIndex为1的legend。如果你想要将legend放在其他位置,你可能需要使用zIndex为-1的legend。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
