在仪表板设计中,我们有时会希望柱形图展示的每个柱子颜色不一样,并且能够自己调整每个柱子的颜色,如下图所示:
本贴就来介绍如何实现柱形图自定义每个柱子的颜色。
重点:利用对接柱状图,并将维度和系列绑定为同一字段,设置调色板属性实现每个柱子自定义颜色。
具体实现过程:
1.创建仪表板,并选择堆积柱形图。
2.选择数据集,绑定数据,并将维度和系列绑定为同一个字段。
可以看到柱形图每个柱子显示的颜色不一样,目前是按照主题色进行分配的颜色,接下来设置自定义颜色。
3.点击属性设置,在图表样式下选择调色板,选择自定义并新建调色板。
4.新建调色板之后可以修改颜色,也可以增加新的颜色。
图表的系列控制图表的颜色,每个系列对应一个颜色,并且按照颜色组顺序来显示,如果颜色不够会重新循环。
根据当前图表的系列的个数,设置自定义颜色的数量。
设置好确定之后,即可看到柱形图每个柱子的颜色按照设定的颜色显示。
相关推荐
柱形图由一系列垂直或水平的柱子组成,每个柱子代表一个分类或时间单位,柱子的高度则表示该类别的数值大小。在大数据分析中,柱形图可以清晰地展示各类别的相对比例和趋势,尤其是在处理大量数据时,通过颜色、长度...
- **准备数据**: 数据可以是数组或者JSON对象,每个元素代表一个柱子,包含对应的值和可能的其他属性(如颜色、标签等)。 - **配置选项**: 设置图表的样式、颜色、标题、轴标签等。JS-charts通常提供许多可配置的...
- 柱形图通常用于表示类别间的差异,每个柱子代表一个类别,高度表示该类别的值。在这里,可能是不同款式、颜色或尺码的服装销量。 - 条形图与柱形图类似,但数据是沿水平轴排列,适用于类别数量较多的情况,使...
4. **饼状图**:饼状图(Pie Chart)展示了各部分占整体的比例,每个扇形代表一种类别,其角度大小与该类别的占比成正比。饼状图非常适合用来展示部分与整体的关系。 5. **.fla源码**:.fla文件是Flash的原始项目...
双排柱状图是由两组垂直柱形组成,每一组柱子代表一个独立的数据系列。它们并排排列,共享同一X轴(横轴),通常用来表示时间序列或者类别,而Y轴(纵轴)则表示数值大小。通过这种方式,双排柱状图能直观地比较同一...