echarts饼图展示数字
时间: 2023-11-15 07:57:12 浏览: 106
Echarts饼图之数据展示
5星 · 资源好评率100%
好的,您可以使用 echarts 的饼图来展示数字。首先,您需要引入 echarts 库,并创建一个 div 容器来放置图表。然后,您可以使用以下代码来创建一个简单的饼图:
```javascript
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
series: [{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
```
其中,`data` 数组中的每个对象代表一个饼图块,`value` 属性表示该块所占的数值,`name` 属性表示该块的名称。
您可以根据自己的需求修改配置项和数据,以达到您想要的效果。
阅读全文