如何将echarts部署到arcgis上

如何将echarts部署到arcgis上,第1张

在echarts.js中修改

修改 clone 方法其中 source instance of Array 修改为

Object.prototype.toString.call(source) === '[object Array]’

开头部分添加:

var Geo = __webpack_require__(166)//166为Geo所在的编号(每个版本可能不一样)

function ECharts (dom, theme, opts) {

this.Geo = Geo

需要将echarts.js china.js 一起压缩打包 !

下面是echats作地图数据可视化的一些简单的例子,需要更多的功能,可以自己在配置中添加。

下面直接放demo:

效果图:

2、在地图上作散点图

在这里series的数据格式为:

{name:'广州',value:[113.480637,23.125178,453088]}

所以要对数据进行一定的处理。

先把动态数据封装成为一个符合echarts格式的数组,如下所示

var datas = [

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

{value:234, name:'联盟广告'},

{value:135, name:'视频广告'},

{value:1548, name:'搜索引擎'}

],

然后在如下设置

option = {

title : {

text: '某站点用户访问来源',

subtext: '纯属虚构',

x:'center'

},

tooltip : {

trigger: 'item',

formatter: "{a} <br/>{b} : {c} ({d}%)"

},

legend: {

orient: 'vertical',

left: 'left',

data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']

},

series : [

{

name: '访问来源',

type: 'pie',

radius : '55%',

center: ['50%', '60%'],

data:datas,

itemStyle: {

emphasis: {

shadowBlur: 10,

shadowOffsetX: 0,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

}

}

]

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11479097.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存