进入可视化管理页
选择开始分析
选择数据源
选择图表类型为柱状图
填充数据
维度：对数据字段进行分组
指标：对数据字段进行聚合操作
筛选：对数据字段设置过滤条件
颜色：对数据字段颜色配置，内置几个主题
样式：对分析图表的标签、图例、坐标轴等进行配置
数据可视化平台Datart-创建柱状图
2023-05-09
539
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
数据可视化平台、Datart
目录
相关文章
|
Web App开发
数据可视化
BI
数据可视化D3系列——饼状图
饼状图是数据统计中经常用到的另一类图表，饼图可以直观地显示一个数据系列中各项的大小与各项总和的比例，本文将使用D3上手制作一个简单的饼状图
什么是布局
布局是D3中非常重要的内容，有了布局D3才能画出复杂的矢量图。但布局并不是直接绘制图形，只是将初始数据转换成容易画图的图形语言，画图工具能读懂图形语言来进行绘制。
在绘制饼状图中，例如有一组数据[1, 2, 3]，只依靠这些数据是画不出的，需要将这些数据转化为圆形的起始角度和终止角度，第一块的角度区域为[0, π/3]，第二块的角度区域为[π/3, π]……绘制工具能根据这些角度值进行绘制。「布局只进行数据转换」
D3还提供其他常用图表的
934
0
0
|
6月前
|
数据可视化
|
6月前
|
数据可视化
JavaScript
前端开发
|
6月前
|
数据可视化
前端开发
JavaScript
|
数据采集
数据可视化
BI
|
数据可视化
数据挖掘
Python
Python数据分析系列06-柱状图可视化分析数据
现在有很多小年青，不想吃读书的苦，总觉得读书是一件苦差事，有做不完的作业，有考不完的试，总想着何时能逃离校园，总想着怎样走上社会，总觉得社会的生活多姿多彩，总以为一踏入社会，就能享受到自己想要的生活。
要知道没有一定的背景，想要的生活哪有那么容易得到，很多孩子踏入社会以后，经过社会生活的洗礼后，都无比怀念在学校读书的日子。
581
0
0
|
前端开发
数据可视化
JavaScript
数据可视化——从0-1实现折线图（一）
前言
终于又到周末了，上一周的一篇3d文章 带你入门three.js——从0到1实现一个3d可视化地图很开心😺收到了这么多小伙伴的喜欢，这是对我知识输出的肯定。再次感谢大家！这周我又来了，这次给大家分享一下可视化图表比较简单的图表📈但同时我们又不得不学会的 那就是————「折线图」。读完本篇文章你可以学到什么
js实现直线方程
折线图的表达
canvas的一些api灵活的运用
直线折线图
我们先去非常有名的Echarts 官网看一看，他的折线图是什么样子的？如图：
图片
echats折线图
从图中可以得到以下2d图形元素：
直线（两个端点是圆的）
直线（两个端点是直线的）
文字
好
265
0
0
|
前端开发
JavaScript
数据可视化
数据可视化——从0-1实现折线图（二）
画XY坐标轴
坐标轴本质上就是两条直线，所以第一步确定坐标原点，然后以坐标原点画出垂直和水平的两条直线。我们设置坐标原点离画布的左内边距和底部内边距，这样我们可以通过画布的高度减去底部内边距得到 原点的y, 然后通过画布的宽度减去左内边距得到x, 有了坐标原点画坐标轴就没什么大问题了。代码如下：
//定义坐标轴相对于画布的内边距
this.paddingLeft = 30 // 至少大于绘制文字的宽度
this.paddingBottom = 30 // 至少大于绘制文字的高度
this.origin = new Point2d(
this.paddingLeft,
289
0
0
|
数据可视化
数据挖掘
数据可视化：常用图表使用总结
1856
0
0
|
数据可视化
人人都会用到的数据可视化之常用图表类型
1238
0
0