Echarts -- graphic 实现自定义图片/文字

1. graphic 组件相关配置参考：ECharts图形元素组件（graphic）_w3cschool

2. graphic 是与 series 同级别的对象，参考如下：

series: [{// ......
}],
graphic: [{type: 'group',// 组（可以包含图形、文字、图片）left: 0,top: 'bottom',children: [{type: 'rect',z: 100,left: '0',top: '0',shape: {width: 180,height: 100},style: {fill: '#f6f6f6',}},{type: 'image',// 图片left:10,top: 10,z: 100,bounding: 'raw',style: {image: '/static/UserSys/product/cadre/Report/img/country.png',width: 20,height: 20,}},{type: 'text',// 文字z: 100,left: 45,top: 13,style: {fill: '#e46c11',text: '全球分布      ' + countryCounts + ' 国',font: '14px Microsoft YaHei'}},{type: 'image',left:10,top: 40,z: 100,bounding: 'raw',style: {image: '/static/UserSys/product/cadre/Report/img/china.png',width: 20,height: 20,}},{type: 'text',z: 100,left: 45,top: 43,style: {fill: '#e46c11',text: '中籍员工  ' + chinaNaticeCount + ' 人',font: '14px Microsoft YaHei'}},{type: 'image',left:10,top: 70,z: 100,bounding: 'raw',style: {image: '/static/UserSys/product/cadre/Report/img/global.png',width: 20,height: 20,}},{type: 'text',z: 100,left: 45,top: 73,style: {fill: '#e46c11',text: '外籍员工  ' + foreignNativeCount + ' 人',font: '14px Microsoft YaHei'}},]
}]

Echarts -- graphic 实现自定义图片/文字相关推荐

android自定义图片+文字控件四种实现方法,Android自定义“图片+文字”控件四种实现方法之二--------个人最推荐的一种...
http://blog.csdn.net/yanzi1225627/article/details/8633872 第二种方法也要新建一个图片+文字的xml布局文件,然后写一个类继承自LinearLa ...
echarts 中 symbol 自定义图片
在官方文档里面,修改标记的图形(symbol)的方法有三种: 一:ECharts 提供的标记类型有 'circle', 'rect', 'roundRect', 'triangle', 'diamon ...
echarts之legend-改变图例的图标为自定义图片
legend是echarts中的图例名称类型默认值可选值效果 data Array [] 图例内容数组,数组项通常为{string},每一项代表一个系列的name,默认布局到达边缘会自动分行 ...
微信分享网页链接自定义图片和文字描述
今天开发需要微信分享网页链接自定义图片和文字描述,于是网上各种查找资料和各种看手册,遇到了好多坑,不过啃了半天以后终于把问题解决了,以防以后忘记,今天记录一下; 首先,由于微信已经发布了想要分享链接必 ...
安卓自定义View进阶-Canvas之图片文字
在上一篇文章Canvas之画布操作中我们了解了画布的一些基本操作方法,本次了解一些绘制图片文字相关的内容.如果你对前几篇文章讲述的内容熟练掌握的话,那么恭喜你,本篇结束之后,大部分的自定义View已经 ...
echarts中自定义图片的矢量路径设置
echarts中自定义图片的矢量路径设置在echarts象形柱图中要使用自定义的图片有三种格式,如下图: 前面两种方式我们项目中也常用到,第三种是矢量路径,如何获取这个矢量路径呢,方法如下: 第一步 ...
Android自定义View(七)_Canvas之图片文字
在上一篇文章Canvas之画布操作中我们了解了画布的一些基本操作方法,本次了解一些绘制图片文字相关的内容.如果你对前几篇文章讲述的内容熟练掌握的话,那么恭喜你,本篇结束之后,大部分的自定义View已经 ...
自定义View进阶-Canvas之图片文字
在上一篇文章Canvas之画布操作中我们了解了画布的一些基本操作方法,本次了解一些绘制图片文字相关的内容.如果你对前几篇文章讲述的内容熟练掌握的话,那么恭喜你,本篇结束之后,大部分的自定义View已经 ...
网页在微信中转发，自定义图片和文字
需求:网页在微信聊天和朋友圈中转发,自定义图片和文字,需要用到微信jssdk. 条件:1.认证的订阅号或者认证的服务号,需要有这样的接口权限 2.appid 和appsecret ...

Echarts -- graphic 实现自定义图片/文字

Echarts -- graphic 实现自定义图片/文字相关推荐

最新文章

热门文章