怎样把echarts的控件添加到页面上
1个回答
2016-03-20 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
option = {
//是否可拖动
calculable: false,
//设置数据颜色
color: ['#fc694b', '#7179cb', '#79c850', '#14b8f6', '#ffb65d', '#ffd967', '#78d9fe', '#9a9792', '#a6c96a'],
series: [
{
name: '访问来源',
type: 'pie',
radius: '60%', //半径
center: ['50%', '50%'],
selectedMode: 'single', //单选，突出
selectedOffset: 10, //选中扇区偏移量
//设置lable长度
itemStyle: {
normal: {
labelLine: {
length: 3
}
}
},
data: [
{ value: 335, name: '直接访问', selected: true },
{ value: 310, name: '邮件营销', selected: false },
{ value: 234, name: '联盟广告', selected: false },
{ value: 135, name: '视频广告', selected: false },
{ value: 1548, name: '搜索引擎', selected: false }
]
}
]
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
option = {
//是否可拖动
calculable: false,
//设置数据颜色
color: ['#fc694b', '#7179cb', '#79c850', '#14b8f6', '#ffb65d', '#ffd967', '#78d9fe', '#9a9792', '#a6c96a'],
series: [
{
name: '访问来源',
type: 'pie',
radius: '60%', //半径
center: ['50%', '50%'],
selectedMode: 'single', //单选，突出
selectedOffset: 10, //选中扇区偏移量
//设置lable长度
itemStyle: {
normal: {
labelLine: {
length: 3
}
}
},
data: [
{ value: 335, name: '直接访问', selected: true },
{ value: 310, name: '邮件营销', selected: false },
{ value: 234, name: '联盟广告', selected: false },
{ value: 135, name: '视频广告', selected: false },
{ value: 1548, name: '搜索引擎', selected: false }
]
}
]
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
