问题标签 [column-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
416 浏览

angularjs - 谷歌柱形图条宽

我有 angular2 和谷歌图表。

我的组件代码是:

我不知道,为什么,但正是这个图表(我在这个页面上还有几个图表)有 1px 宽度的列,我不能改变它的宽度。

0 投票
1 回答
118 浏览

tableau-api - Tableau:带线的堆叠列

我正在尝试从任务中绘制工作量(按天)堆叠小时数。我想添加一条指示相关资源每日容量的行。我有一个任务表和每日资源容量表。

将容量添加为独立数据源时,我收到一条错误消息,指示我需要与主数据源建立关系。

如果我加入数据(在日期和资源上),我可以得到一条容量线来显示,但只能通过将它添加到辅助轴,这会导致比例不匹配(除非我为主要和资源锁定相同的最大比例辅助轴)。这可行,但不太理想:a)它需要预先知道最大负载,b)较低的使用资源几乎不会离开水平轴,c)它似乎迫使容量线使用与柱形图相同的调色板,用不同的颜色绘制每个时间段。

有没有人有更好的建议?

0 投票
1 回答
675 浏览

charts - 在 Highcharts 的柱形图中更改绘图线上方和下方的图表颜色

我有一个带有两条绘图线的图表。在穿过每条绘图线后,我需要用不同的颜色为列部分着色。但是区域使不同的列不同颜色而不是上面的部分单独绘制。我已经尝试过 Zones & Thresholds 但没有任何柱形图解决方案。

有折线图的解决方案,但它们不适用于柱形图。

JsFiddle 柱状图

0 投票
2 回答
80 浏览

excel - 从更新的结果生成柱形图

下面的代码,根据今天的日期(日期已经手动写在A列中)找到合适的行,并在同一行插入数据。我需要将最后一个结果(今天的日期)添加到名为“图表”的不同工作表上的柱形图中。

注意:图表中仅显示新结果。

这是代码运行后的摘要工作表: 摘要表

这是代码运行后的仪表板工作表: 仪表板表

0 投票
0 回答
44 浏览

javascript - 在 Google ColumnChart 中的条形上居中垂直注释

我正在使用annotations: {style: Line}Google ColumnChart 中的选项来使注释的方向垂直。但是,注释不在条上水平居中(它们离右边太远了)。如何将垂直注释集中在条上?

这在这个jsfiddle中得到了证明。

0 投票
1 回答
632 浏览

javascript - 删除谷歌堆积柱形图之间的水平白线

如何删除这些堆叠列之间的水平白线?

在此处输入图像描述

这是我的代码:

我知道如何删除条之间的垂直空白(使用 groupWidth),但我找不到删除水平白线的方法。

谢谢!

0 投票
1 回答
62 浏览

silverlight - Silverlight 3 Toolkit 图表并非所有列都显示

我似乎无法找到解决这个奇怪问题的方法。我有一个未显示所有列的 Silverlight 3 工具包柱形图。我有一个 10 列的数据集,它只显示 7 个。

图表图像:

我的数据集仅由 3 个值组成:主要数字是整数,表示列的高度,列的名称是字符串,我无法在图片中显示,还有颜色对于绑定样式并且可以更改后面的代码的列。

我也无法升级到 silverlight 4 或更高版本,因为这个带有列的页面嵌入在另一个页面中,该页面仅在 silverlight 3 上运行

编辑:我实际上在页面中还有另外 3 个图表可以正常工作,只有这个有问题。所有四个在 .xaml 中都具有完全相同的代码(显然具有不同的 x:name),并且所有四个在 xaml.cs 中都具有非常相似的代码。请有人帮忙,我真的需要解决这个问题。如果需要,我可以提供更多代码。

编辑2:

我认为正在发生的事情是其中一个专栏落后或超过其他专栏,但我不明白为什么。其他图表都没有这个问题。

0 投票
1 回答
914 浏览

javascript - Highcharts - 柱形图向下钻取,如何根据某个值更改向下钻取条的颜色

我正在尝试使用下面的 js 对 highcharts 中的柱形图进行钻取

是否可以根据一些不同的而不是 x 轴或 y 轴值仅更改向下钻取列的颜色。

在以下基于“new_info”的数据中,我想根据

如果值介于 10 - 8 红色、7-5 琥珀色、4-3 黄色之间。

当我单击向下钻取时,它应该向我显示一些 n 柱形图,红色的几列,黄色的几列,橙色的几列,依此类推。

0 投票
0 回答
62 浏览

charts - 谷歌柱形图缩放/滚动

再会。我有某种谷歌注释图表

它看起来像这样: 在此处输入图像描述

我需要每天显示几年的价值。

有什么方法可以制作带有缩放/滚动条之类的Google Column char t以显示大量日期?

不幸的是,目前它看起来像:

在此处输入图像描述

而且似乎真的没用。

0 投票
1 回答
806 浏览

javascript - 基于列的 Highchart 向下钻取系列为每列分配颜色代码

我想为基于列的图表的钻取图的每一列分配我自己的颜色。所以我根据一些预先计算创建了区域并分配了颜色代码。

我的代码如下:

我的小提琴是

https://jsfiddle.net/jqefrrj0/

现在,当我单击 Microsoft 时,向下钻取图具有所有黄色列,而我希望它根据区域中给出的每种颜色进行更改。

就像先是黄色,然后是芥末色、橙色、黄色。

如何为向下钻取系列的每一列实现上述颜色。