问题标签 [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 回答
69 浏览

charts - 如何在 hichart 中的 xAxis 上显示 0-10,10-20..etc 等数据点

我想在 xAxis 上显示 0-10,11-20 等数据点。请检查以下示例。所以请在 hichart 中建议我任何属性或链接

图表类型:柱形图

工具:海图

在此处输入图像描述

0 投票
1 回答
359 浏览

python - 如何旋转柱形图上的 data_label 值

尝试将data_label图表上的值旋转 90 度,因为我的图表是浓缩的并且值和重叠。
我试过了,但它不起作用,可能是因为'num_font': {'rotation': 90}仅适用于set_x_axis.

0 投票
1 回答
1137 浏览

d3.js - D3 堆叠条形图:每行唯一条形图(仅堆叠一行)

我对 D3 很陌生,我正在尝试为数据集中的每一行(每个观察值)制作一个带有唯一条形的堆叠条形图(或柱形图)。

我遇到的问题是:如果有不止一行具有相同的值用于 y 轴(在我的情况下,在 data.csv 中,在“seq”列中,“3”和“4”出现两次),那么所有具有相同名称(来自不同行)的数据将像这样堆叠在一起:

在此处输入图像描述

数据.csv

但我想做的是为每一行制作一个条,尽管 d.seq 的值相同(这样 d.seq=3 和 d.seq=4 会有两个条)

我现在正在处理的完整代码在这里

任何建议将不胜感激,谢谢!

0 投票
1 回答
1435 浏览

javascript - Highcharts 在柱形图上将 y 轴值居中为零

我想在 Highcharts 柱形图上将 YAxis 值居中为零,正负值如下:https ://drive.google.com/open?id=0B_IZwAPijvleZzBhUnVaSFhBcDQ ,这些轴值是动态加载的。使用 jqPlot 在轴设置中有一个名为 forceTickAt0 的选项可以满足我的要求,我想知道 Highcharts 是否可以这样做,如果可以怎么办?谢谢。

更新: 好的,为了清楚地解释我的问题,我创建了一个jsFiddle。正如您在图表上看到的,y 轴的最大/最小系列值为 5001/-4280,但 Highcharts 在 y 轴边界显示 15000/-5000,我预计它是 6000/-5000,如果您删除y 轴系列的第一个值 5001,Highcharts 将在 y 轴边界处显示 5000/-5000,这正是我所期望的。所以在 y 轴系列中添加 5001 值会导致 y 轴边界变得太远。

关键是我不希望 y 轴上的最大/最小系列值距离图表最大/最小边界值太远。

以下是代码,为了解释,这里的系列数据使用固定值,在实际情况下它们都是动态加载的。

0 投票
1 回答
3330 浏览

excel - Excel条形图不断堆叠在值之上

我试图通过使用两个轴在一个小图表中为每个变量并排获得两个条形图。但是,即使我将其中一个数据系列放在辅助轴上,两个条形图仍继续位于另一个之上,而不是并排。有谁知道如何解决这个问题?我在 Mac 上使用 Excel 2011。这是图表的数据。

0 投票
1 回答
121 浏览

javascript - 为什么我的标签不在同一高度

我的问题是关于我制作的柱形图。我不明白为什么我的标签没有设置在高度上。我尝试了很多东西,但我真的不知道。在这里你可以找到一个例子:jsfiddle 项目

谢谢!!

0 投票
0 回答
701 浏览

php - MySQL 中的 Google 柱形图

我想从 MySQL 数据库中获取今天的销售数据。使用下面的代码,我只能在图表中显示一个菜单 ID。我想展示它,就像有 S001、S002、S003、S004 和 S005。即使是零,也会显示项目的数量。

该图是当前代码的输出: 在此处输入图像描述

0 投票
2 回答
369 浏览

highcharts - Highchart工具提示中的逗号

我使用 Highchart 来绘制一些图表。我在highchart的工具提示中使用这种格式:

结果是一样的:

结果

我的问题是:为什么这个工具提示的顶部会打印一些逗号?我怎样才能删除那些?

谢谢

0 投票
1 回答
3006 浏览

charts - 如何在highchart的列内添加带有数据的百分比符号?

我正在使用列高图。现在我想在我的数据之后签名。例如,如果我的数据值为 7.18,我想以 7.18% 的格式显示它。我怎样才能做到这一点?如果有人有任何想法,请与我分享。

在此处输入图像描述

我的代码如下:

0 投票
1 回答
466 浏览

javascript - Google柱形图:如何更改具有负值的列的颜色

我正在尝试创建一个柱形图,并且当它们的值为负时,我希望这些列是红色的。这是我的功能:

列显示正确,但它们都是蓝色的。我注意到所有列的颜色取决于系列 [0] 中的颜色。如果 series[0] 是“蓝色”,那么无论我在 series[] 的其他插槽中放入什么颜色,所有列都是蓝色的。

我做错了什么 ?先感谢您 !