柱状图柱子上面显示数字

最新推荐文章于 2024-03-11 18:42:20 发布

小小小菜鸟1997

最新推荐文章于 2024-03-11 18:42:20 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/HuLuWa1997/article/details/118809463

版权

本文介绍如何在柱状图中实现每个柱子顶部清晰地显示对应数值，提升数据图表的可读性。

摘要由CSDN通过智能技术生成

tab切换echarts数据
<div class="tab-box">
      <WorkTab
        :default-current-index="currentTableIndex"
        :tab-width="50"
        class="tabBox box"
        :data-list="tabList"
        @onClickTab="onClickTable"
      />
    </div>
 <div class="echartBox">
      <v-chart :options="areaOption" :autoresize="true" class="echart" />
    </div>

<script>
import echarts from 'echarts'
export default {
   
  name: '',
  props: {
   },
  data() {
   
    return {
   
      currentTableIndex: 0,
      industryDataX: [
        '制造业',
        '化学工业',
        '农林牧渔',
        '能源',
        '金融',
        '信息技术服务业',
        '建筑业',
        '批发和零售',
        '教育&#