echars饼状图的配置项
时间: 2024-02-05 17:04:05 浏览: 72
ECharts饼状图的配置项可以通过以下代码进行设置:
```javascript
option = {
title: {
text: '饼状图示例', // 图表标题
left: 'center' // 标题位置
},
tooltip: {
trigger: 'item', // 触发类型,可选值:'item'、'axis'
formatter: '{a} <br/>{b}: {c} ({d}%)' // 提示框内容格式
},
legend: {
orient: 'vertical', // 图例排列方向,可选值:'horizontal'、'vertical'
left: 'left', // 图例位置
data: ['数据1', '数据2', '数据3'] // 图例数据
},
series: [
{
name: '数据', // 系列名称
type: 'pie', // 图表类型
radius: '50%', // 饼状图半径
center: ['50%', '60%'], // 饼状图中心位置
data: [
{value: 335, name: '数据1'}, // 数据项1
{value: 310, name: '数据2'}, // 数据项2
{value: 234, name: '数据3'} // 数据项3
],
itemStyle: {
emphasis: {
shadowBlur: 10, // 高亮阴影的大小
shadowOffsetX: 0, // 高亮阴影水平偏移量
shadowColor: 'rgba(0, 0, 0, 0.5)' // 高亮阴影颜色
}
}
}
]
};
```
以上代码是一个简单的饼状图的配置项,你可以根据自己的需求进行修改和扩展。
阅读全文