echarts中有圆柱形的图吗
时间: 2023-08-15 15:25:37 浏览: 219
是的,Echarts中提供了圆柱形的图表,一般称为柱状图(Bar Chart)。柱状图是一种常用的统计图表,以长方形或圆柱来表示数据的大小,通常用于比较数据的差异或显示数据的分布情况。
以下是一个使用Echarts绘制柱状图的示例代码:
```javascript
<template>
<div id="chart" style="width: 100%; height: 400px;"></div>
</template>
<script>
import echarts from 'echarts'
export default {
mounted() {
// 基于准备好的dom,初始化echarts实例
const myChart = echarts.init(document.getElementById('chart'))
// 绘制图表
myChart.setOption({
title: {
text: '柱状图示例'
},
tooltip: {},
xAxis: {
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [320, 332, 301, 334, 390, 330, 320]
}]
})
}
}
</script>
```
在这个例子中,我们使用了Echarts中的`bar`类型来绘制柱状图。在`series`中,`data`数组表示每个数据点的值。Echarts还提供了许多其他的配置选项,例如颜色、坐标轴等,可以根据需要进行调整。
阅读全文