vue横向左右柱状图
时间: 2023-08-27 11:14:07 浏览: 169
横向柱状图
5星 · 资源好评率100%
要横向的左右柱状图,您可以使用ECharts库来实现。ECharts是一款强大的JavaScript图表库,提供了丰富的图表类型和配置选项。
下面是一个使用ECharts创建横向左右柱状图的示例代码:
```javascript
// 引入ECharts库
import echarts from 'echarts';
// 初始化图表实例
const chart = echarts.init(document.getElementById('chart-container'));
// 配置图表参数
const options = {
// 设置图表类型为柱状图
series: [{
type: 'bar',
// 设置为横向显示
barCategoryGap: '50%',
// 数据项
data: [120, 200, 150,
阅读全文