`
lc90
  • 浏览: 68412 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

动态排序柱型图

阅读更多

客户需求
在实际业务图表应用中,对统计图的展现往往会有些特殊需求。某客户就对柱图提出了以下需求:

1) 横轴标签的公司名称,可设置为竖排显示。

2) 统计图展示时,要求按照系列值的大小降序排列,即值大的排在最前面。

3) 相同类别的柱子使用同一种颜色,可自定义每类柱子的颜色。

客户提供的数据表结构和样图如下:

11

图形特点

结合上述图形和数据表展示效果来看,使用常规柱型统计图无法满足该客户的需求。主要表现为以下两个难点:

1) 柱形图柱子的排列顺序能够灵活设置为从高到低(或从低到高)进行排列显示,而不需要预先就对业务数据表中的数据进行处理排序。

2) 传统统计图能够实现相同类别的柱子使用同一种颜色,也可自定义每类柱子的颜色,功能上可以满足,但是柱子间的排列不能等间距的显示,并且也不十分美观。效果如下:

12

定制统计图实现效果

 

13

 

通过定制统计图——动态排序柱型图,完全覆盖了用户的特殊需求,相同类型的柱形用相同颜色表示且可以进行颜色自定义,并可在无需对报表数据进行预处理的情况下,实现按升序或者降序排列柱形的效果。

 

 

更多了解各种复杂问题的处理,可以参考:数据获取从多个不同的业务系统中抽取和采集数据

分享到:
评论

相关推荐

    Echarts动态排名柱状图(自适应电脑和手机端)源代码

    在这个项目中,我们主要关注的是如何使用ECharts实现一个动态排名的柱状图,并使其同时适应电脑和手机端的显示。 首先,`index.html`是项目的主入口文件,它通常包含了HTML结构,用于定义页面的基本布局。在这个...

    vue-echarts5:动态排序柱状图

    动态柱状图排序 # 克隆项目 git clone # 进入项目目录 cd * # 安装依赖 npm install # 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=...

    柱状图V3_Labviewhistogram_labview.柱形图_labview柱状图_labview柱状图

    3. **数据处理**:在创建柱状图前,通常需要对原始数据进行预处理,例如排序、统计频数、确定bin范围等。Labview提供了丰富的数据处理函数,可以方便地实现这些操作。 4. **用户交互**:Labview的图形用户界面(GUI...

    Python动态柱状图案例——人口变化动态图

    在本案例中,我们主要探讨如何使用Python编程语言,特别是数据可视化库matplotlib,来创建一个动态的柱状图,展示1959年至2018年期间各国人口的变化情况。我们将通过分析提供的文件和标签来揭示这个过程的关键知识点...

    ASP动态柱形图程序

    在本案例中,“ASP动态柱形图程序”是利用ASP技术实现的一种图表生成工具,它能够根据用户设定的数值自动生成类似EXCEL中的柱形图,用以展示数据统计和分析结果。 1. **ASP基础概念**: - ASP是一种基于服务器端的...

    柱状图V3.0-112,柱状图怎么做,LabView

    4. **自定义函数**:LabVIEW提供许多内置函数,如统计分析、排序等,可以帮助处理数据并优化柱状图的展示效果。 5. **交互性**:通过添加交互元素,如滑动条或旋钮,用户可以直接在图表上操作,改变参数,观察结果...

    echarts柱状图堆叠图动态排序

    在本文中,我们将深入探讨如何使用ECharts库创建柱状图堆叠图并实现动态排序。ECharts是一款基于JavaScript的数据可视化库,它提供了丰富的图表类型和强大的交互功能,广泛应用于前端开发中。JavaScript和ECMAScript...

    易语言柱状图排序演示

    在这个"易语言柱状图排序演示"项目中,我们可以看到一系列与数据排序相关的算法实现,这些都是编程中非常基础且重要的知识点。 首先,"柱状图排序演示"这部分内容,指的是通过图形化的方式展示各种排序算法的过程。...

    jfreechart实现柱状图排序

    今天在网上查了一下,没有发现 Jfreechart柱状图排序的实现方法,也还没来得及研究Jfreechart的代码和文档,所以就自己实现了一下。可能jfreechart自身有这个功能,可是发现以前的这个功能无效了,不知道用什么新...

    动态柱状图投票代码

    在这个场景中,JavaScript被用来处理数据、计算每个选项的投票数,并根据这些数据动态更新柱状图的长度和颜色。这通常涉及到DOM(文档对象模型)操作,通过改变HTML元素的属性来改变页面的显示内容。 接下来,让...

    SigmaPlot教程之各种柱形图的数据排列

    2. **创建新图形**:点击“图形模板库”按钮,选择适合的柱形图类型,如简单柱形图、堆积柱形图、百分比堆积柱形图等。 3. **设置数据列**:在弹出的对话框中,指定哪些数据列将用于X轴(分类)和Y轴(值)。你可以...

    jQuery柱状图饼状图

    在这个主题中,我们将深入探讨如何使用jQuery实现柱状图和饼状图,这两种图表在数据可视化中非常常见,尤其适用于展示分类数据的比例或数量。 柱状图是一种条形图形,用于比较不同类别的数据。在jQuery中,可以通过...

    一个柱形图组件,效果不错!

    【标签】"柱形图" 进一步确认了这个组件的核心功能是绘制柱状图。柱形图在数据分析、报告制作、网页设计、商业智能等领域广泛使用。它能够有效地显示分类数据,尤其当类别数量不是太多时,柱形图能帮助用户直观地...

    PB做的柱状图

    在本案例中,"PB做的柱状图"指的是使用PowerBuilder创建的柱状图表,这是一种常用的数据可视化方式,用于展示分类数据的频数或量级差异。然而,根据描述,这个柱状图的功能可能并不完善,这意味着它可能缺乏某些高级...

    android studio 统计图生成app(柱状图/折线图/饼图/折线柱状结合图)

    本项目专注于四种类型的图表:柱状图、折线图、饼图以及折线柱状结合图,这些图表能够直观地展示数据变化趋势和分布情况。下面我们将详细探讨如何在Android应用程序中使用这些图表。 首先,为了从数据库中读取数据...

    易语言柱状图从大到小排列

    源码中会包含数据结构定义、排序函数的编写、以及柱状图控件的事件处理(如画图事件),确保在数据变化时,柱状图能实时更新。 4. **新读一段,新删一段**: 这可能是指程序在运行过程中动态添加或删除数据的能力。...

    Wpf实现柱状图

    在本文中,我们将深入探讨如何在WPF(Windows Presentation Foundation)环境中实现柱状图。WPF是.NET Framework的一部分,提供了一种强大的UI开发工具,允许开发者创建丰富的、交互式的桌面应用程序。柱状图是一种...

    可视化柱形图排序交换代码.rar

    标题中的“可视化柱形图排序交换代码”表明这个压缩包包含了一组用于创建可视化的柱状图,并且具有排序和交换功能的代码。柱状图是一种常用的数据可视化工具,能够直观地展示各分类数据的比较。在网页设计和数据分析...

    mfc排序算法动态演示

    mfc编写的排序算法动态柱状图演示,单步或者自动,并且可以进行比较

    柱形图折线图组合PPT素材.pptx

    柱形图折线图组合PPT素材.pptx提供了多种数据分析工具和方法,例如数据筛选、数据排序、数据比较等,能够帮助用户快速地分析和理解数据。 六、商业应用 柱形图折线图组合PPT素材.pptx在商业领域中有着广泛的应用,...

Global site tag (gtag.js) - Google Analytics