问题标签 [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 投票
1 回答
48 浏览

javascript - 在谷歌柱形图中的条上显示类型名称

我正在使用谷歌柱形图。

到目前为止,我得到了我的图表,如下图所示。 在此处输入图像描述

在这里,我在每个类别中有两列。我想通过它们的类型(Type-1,Type-2)来区分它们,如下图所示。我该怎么做,这有没有可能。 在此处输入图像描述

0 投票
2 回答
842 浏览

javascript - 如何更改柱形图中的条形颜色和图例

我正在使用谷歌图表来显示两件事的柱形图:

1) 成功

2) 失败

成功:颜色 = 绿色

对于失败:颜色 = 红色

但问题是 ColumnChart 总是以蓝色显示栏,而且我希望图例为:

但它显示Legends为“值”,如下所示:在此处输入图像描述

代码 :

我想要成功栏为绿色,失败为红色,我还想要 2 个图例(成功 - 绿色和失败 - 红色)

我将不胜感激任何帮助:)

0 投票
1 回答
220 浏览

javascript - 带线条的柱形图 - 组合图自定义

一只忙碌的猫

哪个 JS 库最适合做上述类型的图表?

我想将聚集柱形图与折线图结合起来,如上图所示。

我的要求是每一列都应该有一个低值和高值集

0 投票
1 回答
779 浏览

charts - 如何在 Tableau 中创建堆积图和柱形图?

我必须显示两个具有“打开”和“新”(值)类别的堆叠图表,并将其与“关闭”类别的普通条形图结合起来。首先我尝试从一个数据集开始,然后我决定为“封闭”(Closed value)类别创建一个单独的数据集。

但在最好的情况下,我得到了单独的价值图表(它必须是堆叠图,其中“打开”和“新”的值是彩色的)和单独的条形图用于“关闭”,我不知道如何把它们放在一张图表上。

在此处输入图像描述

我需要将这两个图表放在一起,例如:

在此处输入图像描述

我为“已关闭”类别创建了单独的数据:已关闭 数据和所有格式的数据(“打开”、“新”、“已关闭”)。通常,当我将这些数据与“关闭”数据一起使用时,我会过滤掉“关闭”数据. 数据:在此处输入链接描述

如何在 Tableau 中创建堆积图和柱形图?

在此处输入图像描述

我仍然无法设法将封闭的数据作为单独的列。类型变量存在问题,类型(表 2)仅包含“封闭”类别,但在表 1 中输入所有三个。谢谢@Jose Cherian 我做错了什么?

0 投票
1 回答
637 浏览

javascript - Highcharts Column Series:将分类的 x 轴标签居中

我正在使用 React-JSX-Highcharts 处理柱状图之类的直方图。我有 6 个类别,5 个类别有 10 个数据点,第 6 个和最后一个类别有 30 个数据点。我正在尝试使刻度线从每个类别开始,但类别标签位于刻度线之间。我可以通过设置 x-axis labels 来实现这一点x: 150,但是,我了解到这不是响应式的。

这是我想要实现的目标: 在此处输入图像描述

很想知道我是否(A)采用了错误的方法,(B)使用了错误的系列类型(我尝试了直方图,但我的垃圾箱是按类别分类的,所以结果是堆积的列),或者(C)如果我是关闭,如果有人能找到解决方案来响应地居中标签。

});

JSFiddle

0 投票
1 回答
56 浏览

reporting-services - SSRS - 柱形图 - 标签样式

如何在 x 轴上显示柱形图标签 1st 向下而 2nd 向上? 在此处输入图像描述

0 投票
0 回答
45 浏览

javascript - 谷歌可视化多条形图

我正在处理这个要求,我在barchart. 我已经尝试了一些东西,但它不起作用。我收到一个错误 Type mismatch. Value 5 does not match type string in column index 0 ,我只添加了几段表格代码和图表代码。有什么帮助吗?提前致谢。

表代码:

我想实现如下所示的图表:'在此处输入图像描述

0 投票
1 回答
1967 浏览

charts - Chart.js 如何在多条堆叠图表上显示多个标签

如何在每列下显示不同的标签,并为整个组设置另一个标签?

正如您在下图中看到的那样,我想为每一列使用 fontawesome 图标,但为主要组使用另一个标签。我找到了其他答案如何使用 fa 图标,但不知道如何将它们定位在每个栏下。

连接不同列的趋势线并不那么重要,但如果我能找出如何添加它们,那就太好了。

此外,图表需要可滚动,因为它可以容纳大量数据并且需要显示标签。我也发现了一些带有滚动的例子。

任何信息都非常感谢。或者是否有任何其他开源图表框架可以实现这个或类似的东西来满足我的需求?

图表

0 投票
0 回答
520 浏览

bar-chart - 谷歌图表网格线颜色语法

根据 Google 官方文档,要更改网格的颜色,您需要正确设置类似

即使我使用同一个库

上面的代码不起作用。相反,我发现并使用

谁能解释为什么官方文档是错误的?

0 投票
1 回答
638 浏览

javascript - 谷歌图表文本方向

我正在尝试使用谷歌图表制作柱形图。

并得到结果 谷歌图表

但我需要我的图表看起来像这张图片示例 不能更改图表上文本的方向并添加箭头