问题标签 [column-chart]

我是新反应，想在我的组件中显示图表，其中数据应该从 API 响应中填充。

我的示例 API 响应是：

我想price在 YAxis 和多个数据中，即XAxis 上data1的data2字段。

React 代码：（只实现一个）

状态已更新，但图表未显示。

注意：我已将图表库安装为 -npm i --save react-chartjs-2 chart.js

我错过了什么？我应该如何正确填充要显示的数据？

提前致谢。

我见过许多分组的柱形图和条形图，并且我第一次开始使用 Google Graphs。

我创建了一个显示 2 年数据的图表，我需要将 2018 年 1 月/2019 年 1 月的数据彼此并排分组，然后形成一个差距，同样，将 2 月 18 日/2 月 19 日作为柱形图粘在一起 - 这可能吗？

如果你想看看我的逻辑是否正确，我已经为此创建了一个 JSFiddle 。

我正在使用以下格式的数据...

等等...（JSFilddle 部分中的完整代码）

提前谢谢了。

我想创建一个像图像中显示的那样的聚集柱形图。

根据我的研究，最好的选择是使用 DataTable 在 C# 中创建这种格式。但是，我有一个 BoardYield 类 (List) 的列表，其中包含诸如monthly passCount、failCount、monthlyYieldPercentage、overallYield 和其他此类成员之类的成员。

我想创建一个聚集柱形图，其中包含不同电路板部件号的季度或月度细分。我想格式化我的图表系列，以便我可以使用我的列表列表并使数据看起来像图像，而无需切换到数据表。

我有这个选择吗？如何使用列表格式化我的系列以创建如图所示的图表？

谢谢！

我正在尝试从从数据库下载 DataSet 的 datagridview 创建柱形图。是datagridview 2。我在公共类void loaddata（）中写过。至于chart是我由chart() public void class写的音乐会。我要显示：

有我的代码：

生成图表.cs

启动此应用程序并尝试生成列后，出现错误：

我也尝试过从 datagridview2 获取数据，但没有奏效。有人可以解释如何更改该代码吗？感谢您的帮助。

我有一个包含 2 个数据集的聚集柱形图。一个是目标，另一个是价值。

如果该值高于目标，则该条形图的颜色必须变为红色，如果不是绿色的话。（请参阅随附的屏幕截图）。

如果有什么方法可以在 Power BI 中实现这一点？

感谢您的支持。

是否可以删除垂直轴上的十进制数字？我正在尝试显示两个图表，但我不知道如何删除这些十进制数字，因为选项刻度在材料图表中不起作用。

显示图表的脚本代码：

现在显示如下：当前状态

我只想显示 0, 1, 2 ...

感谢您的所有建议。

我对 Power BI 还很陌生，我必须实现一个我已经在 excel 中拥有的仪表板。我试图展示一些产品的过渡。所示示例用于演示。基本上，该图表的目的是显示每个不同水果在不同阶段的体积转换。即我们从第1阶段“橙苹果芒果草莓”到第2阶段“橙苹果蓝莓”到第3阶段“椰子桃杏”，我们可以看到它们各自的体积。*原谅我的杏子拼写

在 excel 中，如果在标签选项中勾选“系列名称”并取消勾选“值”，则可以实现这一点。见附图

在 excel 中，人眼和大脑很容易掌握/处理这种过渡。

另一方面，Power BI 仅提供显示值的选项（格式-> 数据标签“），这使得当有人看到图表时很难理解。

您是否知道任何可能的方式来显示类别的名称而不是它们的值，或者通常控制要显示的内容（如在 Excel 中）？

当前图表是聚集柱形图，但问题也适用于堆积柱形图。

数据：

似乎尚不支持此功能，但我想知道是否有解决方法或其他解决方案。（https://community.powerbi.com/t5/Desktop/add-legend-info-to-data-labels/mp/366072 /highlight/true#M165593）并且他们有一个社区投票（https://ideas.powerbi.com/forums/265200-power-bi-ideas/suggestions/33477430-add-legend-info-to-data-labels )

我有一个固定宽度和固定条宽的柱形图。当数据较少时，条形之间的空间会增加。我想减少空间，我不介意条形图是从图表的开头还是中间显示，但应该减小条形的空间。10px 的空间看起来不错。任何帮助深表感谢。这是一个演示 -

我想在 Google Visualization ColumnChart 中的每两列之间添加一个更大的空间，并且一直在使用 bar groupWidth 属性来实现这一点，下面的代码显示了这一点：

以下是我用来执行此操作的 javascript 部分：

到目前为止，设置对当前看起来像这样的 ColumnChart 的呈现没有影响：

如何修改代码以实现上图中显示的 ColumnChart 的所需样式可能需要每组两列之间的列宽？

完成的样式应模拟 2015/16 年所有报告期间的列，如下图所示：

我在 JSFiddle 中提供了一个输出的工作示例：

https://jsfiddle.net/gd96aLb4/2/

我正在创建一个柱形图，但我看到列之间的空间太大，我想减少它们之间的空间。xAxis 上的标签也未对齐。

这是我的小提琴：https ://jsfiddle.net/q3atxr4c/1/ 。

我添加pointPadding了borderWidth和groupPadding。这些都不起作用。

有没有办法让我减少列之间的空间？

此外，所有值都显示在我的网页上（导航工作）但不在小提琴上，所以这就是我有一个大 div 的原因。

我希望能够调整列的距离并为它们对齐 xAxis 上的标签。请帮忙！