- 技术
- echarts入门：饼状图二
<!DOCTYPE html
>
<html
>
<head
>
<meta charset
="utf-8">
<title
>第一个 ECharts 实例
</title
>
<!-- 引入 echarts
.js
-->
<script src
="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script
>
</head
>
<body
>
<!-- 为ECharts准备一个具备大小（宽高）的Dom
-->
<div id
="main" style
="width: 600px;height:400px;"></div
>
<script type
="text/javascript">
var myChart
= echarts
.init(document
.getElementById('main'));
var option
= {
series
: [
{
name
: '访问来源',
type
: 'pie',
radius
: '55%',
data
:[
{value
:235, name
:'视频广告'},
{value
:274, name
:'联盟广告'},
{value
:310, name
:'邮件营销'},
{value
:335, name
:'直接访问'},
{value
:400, name
:'搜索引擎'}
],
roseType
: 'angle',
itemStyle
: {
normal
: {
shadowBlur
: 200,
shadowColor
: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
myChart
.setOption(option
);
</script
>
</body
>
</html
>
Processed:
0.025, SQL:
9
