堆叠柱状图tooltip属性添加合计/总数

最新推荐文章于 2024-07-31 14:40:54 发布

左手吻左脸。

最新推荐文章于 2024-07-31 14:40:54 发布

阅读量727

点赞数 3

分类专栏： Echarts问题解决文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/weixin_47194802/article/details/138497081

版权

文章描述了如何在Vue应用中使用ECharts库创建一个动态堆叠柱状图，通过给定的数据列表渲染图表并实现点击事件以获取柱子的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如上图

1、堆叠柱状图实际上就是将好几个柱子叠加起来成一根

<template>
  <div id="echarts12"></div>
</template>

<script setup>
import * as echarts from "echarts";
const emit = defineEmits();

const props = defineProps({
  echartList: {
    default: [{ cityName: "济南", parkArea: 18, parkArea1: 15, paraks: 28, asd: 18, asff: 19 },
    { cityName: "济南", parkArea: 15, parkArea1: 14, paraks: 13, asd: 12, asff: 2 },
    { cityName: "济南", parkArea: 16, parkArea1: 19, paraks: 16, asd: 12, asff: 14 },
    { cityName: "济南", parkArea: 12, parkArea1: 14, paraks: 23, asd: 19, asff: 12 },
    { cityName: "济南", parkArea: 11, parkArea1: 17, paraks: 20, asd: 12, asff: 18 },
    { cityName: "济南", parkArea: 15, parkArea1: 14, paraks: 13, asd: 12,