| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 正负图表,让数据展示更炫酷 -> 正文阅读 |
|
[JavaScript知识库]正负图表,让数据展示更炫酷 |
当下我们热衷于使用各种图表做报表数据处理,其中折线图,柱状图是最基本的图表类型,能帮助我们轻松解决各种数据报表分析并提供效率。 正负折线图是折线图的一种,正负条形图同样也是柱状图的一种,它们都在基础图表上增加了相反数据的对比。 正负折线图、正负条形图的使用场景:多用于展示包含相反含义的数据的对比。其中图表的一个轴显示正在比较的类别,而另一轴代表对应的刻度值。所以一般用于正负两份相反数据的对比。 首先进入平台,新建项目和页面后,找到正负折线图、正负条形图,将组件拖拽到合适位置。 ?可以根据需要修改图表类型。以正负折线图为例,图表类型可以选择折线图和柱状图进行展示。 ?如下图,图表上既有折线图也有柱状图,可以满足各种不同数据的展示需求。 ?将正负两组都设置为柱状图,即为正负条形图。也可以在柱状图组件中找到正负条形图直接拖拽使用。 ?可以将每条柱条设置成不同颜色,并设置柱条描边颜色,整个图表更艳丽。 其他属性功能,例如位置大小、布局、背景等,根据设计需求配置即可。 数据配置,右侧编辑栏里点击数据,可以看到有两种配置方式,简单配置与专业配置。可以进入我的主页查看往期文章进行参考。 下图是模拟某个公司离职率数据的对比图,员工离职率特征分析,也是迪赛智慧数的模板大屏,便使用的正负条形图,能清晰看出低离职率特征与高离职率特征的数据对比。 ?从上述的应用场景可以看出正负条形图比较数据的正负对比,正负项数据也可以设置颜色增强区分度。 图表介绍就到这了,更多数据可视化互动平台的模板。 |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/24 9:28:30- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |