Echarts中legend图形和字体颜色改变
来源:互联网 发布:包月无限流量软件 编辑:程序博客网 时间:2024/06/05 09:47
optiontwo = {
title : {
text: '某站点用户访问来源',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: [
{
name:'直接访问',
icon : 'circle',
textStyle: {
color: 'red' // 图例文字颜色
}
},
{
name:'邮件营销',
icon : 'rect',
textStyle: {
color: '#000' // 图例文字颜色
}
},
{
name:'联盟广告',
icon : 'roundRect',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'视频广告',
icon : 'triangle',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'搜索引擎',
icon : 'diamond',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'123',
icon : 'arrow',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'abc',
icon : 'pin',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'efg',
textStyle: {
color: 'blue' // 图例文字颜色
},
icon:'image://./img/pie_1.png'//格式为'image://+icon文件地址',其中image::后的//不能省略
},
],
},
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'},
{value:1548, name:'123'},
{value:1548, name:'abc'},
{value:1548, name:'efg'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
title : {
text: '某站点用户访问来源',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: [
{
name:'直接访问',
icon : 'circle',
textStyle: {
color: 'red' // 图例文字颜色
}
},
{
name:'邮件营销',
icon : 'rect',
textStyle: {
color: '#000' // 图例文字颜色
}
},
{
name:'联盟广告',
icon : 'roundRect',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'视频广告',
icon : 'triangle',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'搜索引擎',
icon : 'diamond',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'123',
icon : 'arrow',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'abc',
icon : 'pin',
textStyle: {
color: 'blue' // 图例文字颜色
}
},
{
name:'efg',
textStyle: {
color: 'blue' // 图例文字颜色
},
icon:'image://./img/pie_1.png'//格式为'image://+icon文件地址',其中image::后的//不能省略
},
],
},
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'},
{value:1548, name:'123'},
{value:1548, name:'abc'},
{value:1548, name:'efg'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
阅读全文
0 0
- Echarts中legend图形和字体颜色改变
- ECharts坐标轴是否显示和修改显示颜色改变字体颜色
- echarts 修改图例legend颜色
- 改变treeview中节点的背景颜色和字体颜色
- ListView 中 背景颜色 和字体颜色的改变
- DEV中背景颜色和字体颜色改变
- echarts中图例legend和坐标系grid实现左右布局
- echarts中legend换行居中
- 改变vs2005中代码字体的大小和颜色
- C语言中改变字体颜色和背景的方法
- CSS控制字体和字体颜色改变
- CRichEditView改变字体的颜色和字体
- android textview等文本内容中字体颜色的改变和字体背景色的改变
- ECharts 仪表盘改变颜色
- 关于android自定义字体颜色和点击改变字体颜色
- winform中改变DataGridView中符合条件的字体的颜色和列的颜色
- winform中改变DataGridView中符合条件的字体的颜色和列的颜色 .
- 改变ListBox中项的字体颜色。
- ajax 个人学习小记
- 下载付费音乐
- Nginx--官网中文翻译(中英文对比)--6-登陆系统日志Logging to syslog
- Oracle中TO_DATE用法
- 我的博客即将入驻“云栖社区”,诚邀技术同仁一同入驻。
- Echarts中legend图形和字体颜色改变
- 自建ss服务器教程
- 关于msi格式的程序包的安装
- yum升级subversion1.6.11到subversion1.8
- 线程间操作无效: 从不是创建控件“ProgressBar1”的线程访问它。
- js的touch事件
- Android系统--输入系统(十七)Dispatcher线程_分发dispatch
- Cartographer 参数调试
- FPGA时钟