当前位置: 移动技术网 > IT编程>开发语言>.net > .net图表之ECharts随笔02-字符云

.net图表之ECharts随笔02-字符云

2018年11月27日  | 移动技术网IT编程  | 我要评论

15622758966,徐煜程微博,伊可新事件

后续每一类图表,若无特殊说明,都将建立在01的基础上,修改参数option,且参数均以json的格式

要形成如图所示的字符云,一般需要设置两个大参数——title和series

其中,title就是图中title箭头指向的那个。它有两个常用属性:text和link。text就是显示出来的文字,link是一个链接,可以是跳转到详情的链接。

series参数中json列表

series:[{

  name:'住院疾病 top10',

  type:'wordcloud',

  size:['100%', '100%'],

  textrotation:[0,0,0,0],

  ...,

  data:[{

    name:'高血压',

    value:4386,

    ...,

    itemstyle:{

      normal:{

        color:'rgb(,,,)'

        }

      }

    }]

}]

列表的json元素中包含很多小参数。

name就是图中name箭头指向的那些字。注意:这里的name不是指data中的name,后文data中的属性也会注明

type属性填上wordcloud表示显示的是字符云

size表示显示的区域大小,textrotation表示旋转角度,全部0表示横向显示不旋转

data中也有name属性,这个name属性绑定的是图中value箭头指向的数字的前面的那些字,也是图中颜色不同的那些字。而value属性就是图中value箭头指向的数字 

至于data中的itemstyle属性,它表示的是data中元素的样式,其中一般使用normal参数绑定color参数来区分不同颜色的字符。注意:此处使用rgb,#fff这样的是无法使用的

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网