0
点赞
收藏
分享

微信扫一扫

echart-区域划分填充

效果:不同区域不同散点,不同背景

 

1.散点颜色不同

2.不同背景色

markArea属性 区域划分

var markAreaOpt = {

silent: true,

label: {
position: 'inside',
color: "#000000"
},
data: [[
{
name: '一般客户',
coord: [0, 0],
itemStyle: {
color: "#fff2cc"
},
},
{
coord: [50, 50]
}
],
[
{
name: '维系客户',
coord: [50, 0],
itemStyle: {
color: "#ffcccc"
},
},
{
coord: [100, 50]
}
],
[
{
name: '重点开发客户',
coord: [0, 50],
itemStyle: {
color: "#e2efda"
},


},
{
coord: [50, 100]
}
],
[
{
name: '战略客户',
coord: [50, 50],
itemStyle: {
color: "#ddebf7"
},
},
{
coord: [100, 100]
}
],],

};

  效果图:

echart-区域划分填充_ide

 

 

 

echart-区域划分填充_echart_02

 



举报

相关推荐

0 条评论