echarts使用中的那些事儿（ 三）
2024-09-07 19:04:56
饼图上的那些字与下面说明性的文字有些重合，该怎么缩小圆形的大小呢，还有它的位置，怎么让它向上一些或者向下一些；
有以下两个属性可以解决问题：
radius : '55%', ------------这个属性设置图的大小
center: ['50%', '60%'],-----这个属性设置图的上下左右的位置
没应用这两个属性前图是这样的：
应用上面两个属性后图是下面这样的：
代码如下：
/**
* 显示百度pie图表
* @param string wrap 图表容器
* @param string title 图表名称
* @param object data 图表数据，格式[{value: 335, name: '直接访问'},...]
*/
showPieChart: function (wrap, title, data) {
var myChart = echarts.init(document.getElementById(wrap));
var legend = [];
if (data) {
$.each(data, function (i, n) {
legend.push(n.name);
});
}
myChart.setOption({
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
legend: {
x: 'center',
y: 'bottom',
data: legend || []
},
grid: {
x: 0,
y: 0,
width: '100%',
height: '100%'
},
series: [
{
name: title || '',
type: 'pie',
radius: '65%',//['30%', '70%'],
center: ['50%', '40%'],
/*label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},*/
labelLine: {
normal: {
show: true
}
},
data: data
}
]
});
}
最新文章
- java Proxy(代理机制)
- Vim命令
- Java开发之Servlet之间的跳转
- IE内嵌google chrome frame解决浏览器兼容问题
- asp.net JavaScriptSerializer实现序列化和反序列化
- [转]百度MP3音乐API接口及应用
- 后序/中序--->前序
- Android Button悬浮在SurfaceView上
- Yum 安装 zabbix...
- Dev的WPF控件与VS2012不兼容问题
- Visual Studio中的TabControl控件的用法
- electron + vue 实践项目
- 关于mysql的loose index scan的几点疑问
- cdh版本的hue安装配置部署以及集成hadoop hbase hive mysql等权威指南
- java设计模式自我总结---适配器模式
- sql 中 and 和 or的坑
- canvas图形绘制
- python全栈开发 * 线程锁 Thread 模块 其他 * 180730
- Spring tokenizeToStringArray
- [AS3]as3中splice和slice的用法介绍说明