发布日期:2024-10-07 20:39 点击次数:117
条形图允许您绘画分类数据qvod成人动漫,如下图:
一个示例底下通过一个轻视的例子来了解条形图的基本结构,若何使用条形图。珍重,这里将接受 mysql 行动数据源。
假定咱们有一个销售数据的例子,记载了不同居品在不同月份的销售量。数据表的 SQL 语句如下:
CREATE TABLE `bar_chart_data` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT, `product` varchar(100) DEFAULT NULL COMMENT '居品名', `jan` double DEFAULT NULL COMMENT '一月', `feb` double DEFAULT NULL COMMENT '二月', `mar` double DEFAULT NULL COMMENT '三月', PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4;
咱们向数据表中插入几条测试数据如下:
INSERT INTO `bar_chart_data` (`id`, `product`, `jan`, `feb`, `mar`) VALUES (1, '居品A', 100, 150, 200); INSERT INTO `bar_chart_data` (`id`, `product`, `jan`, `feb`, `mar`) VALUES (2, '居品B', 50, 75, 100); INSERT INTO `bar_chart_data` (`id`, `product`, `jan`, `feb`, `mar`) VALUES (3, '居品C', 75, 100, 125);
目下编写如下SQL语句:
SELECT product, jan as '一月', feb as '二月', mar as '三月' FROM grafana.`bar_chart_data` limit 50
实践SQL语句,查询数据如下图:
上图中,离别存储了三个居品三个月的销售数据,底下咱们将 SQL 语句放到 Grafana 中来望望效劳:
上图中,默契了三个居品(居品A、居品B、居品C)一月到三月的销售情况。
为了浅易贯穿,咱们来模拟一个居品12个月的销售情况,SQL语句如下:
SELECT '居品A' as product, 102 as '一月', 120 as '二月', 128 as '三月', 138 as '四月', 112 as '五月', 140 as '六月', 138 as '七月', 118 as '八月', 142 as '九月', 135 as '十月', 178 as '十一月', 180 as '十二月' FROM dual
启动查询,默契效劳如下图:
珍重不雅察,grafana 将咱们的数据进行了分组,按照居品称呼分组,这不是咱们念念要默契的效劳。其实应该换一种式样展示,SQL语句如下图:
SELECT '一月' as product, 102 as '一月' FROM dual union all SELECT '二月' as product, 120 as '一月' FROM dual union all SELECT '三月' as product, 128 as '一月' FROM dual union all SELECT '四月' as product, 138 as '一月' FROM dual union all SELECT '五月' as product, 112 as '一月' FROM dual union all SELECT '六月' as product, 140 as '一月' FROM dual union all SELECT '七月' as product, 138 as '一月' FROM dual union all SELECT '八月' as product, 118 as '一月' FROM dual union all SELECT '九月' as product, 142 as '一月' FROM dual union all SELECT '十月' as product, 135 as '一月' FROM dual union all SELECT '十一月' as product, 178 as '一月' FROM dual union all SELECT '十二月' as product, 180 as '一月' FROM dual
启动查询,默契效劳如下图:
望望查询出来的数据:
上图即是一个轻视表格,第一列是居品的月份,第二列是每月的销售数据。
grafana 告白位
Bar chart 选项使用这些选项来完善可视化效劳。
Orientation(主义)Auto - Grafana 会凭据面板尺寸决定条形图的主义。
Horizontal - 将使 X 轴成为类别轴。
Vertical - 将使 Y 轴成为类别轴。
示例:Horizontal 效劳
Rotate x-axis tick labels当图表为垂直主义时,此确立会旋转条形图下的标签。当条形图标签较长并不异时,该确立颠倒有效。举例,将类别标签旋转 45 度:
qvod成人动漫
X-axis tick label maximum length确立条形图标签的最大长度。长度跳跃最大值的标签将被截断,并附加 ....。珍重:
None 不抑遏
Small 需要 100px 的空间
Medium 需要 200px 的空间
Large 需要 300px 的空间
Bar labels minimum spacing确立条形标签之间的最小间距。
Show values(默契值)抑遏在条形图顶部是否默契数值:
Auto 若是有空间,将默契数值。
Always 老是默契数值。
Never 从不默契数值。
Stacking(堆叠)抑遏条形图堆叠。
Off:不堆叠条形图。
Normal:条形图将互相堆叠。
Percent:条形图将互相堆叠,每个条形图的高度是堆叠总高度的百分比。
Group width抑遏分组的宽度。1 = 最大宽度,0 = 最小宽度。
Bar width抑遏条形图的宽度。1 = 最大宽度,0 = 最小宽度。
Bar radius抑遏条形图圆角的半径。
0 = 最小半径
0.5 = 最泰半径
Highlight full area on cover抑遏当您将鼠标悬停在条形图上时,是否超过默契条形图的通盘周围区域。举例:
Line width抑遏条形图的边线宽度。
Fill opacity抑遏条形图填充不透明度。
Gradient mode(渐变步地)确立渐变填充的步地。渐变填充基于线条神情。要篡改神情,请使用模范配色决策字段选项。
渐变外不雅受填充不透明度确立的影响。
None:无渐变填充,这是默许确立。
Opacity:梯度的透明度是凭据 Y 轴上的数值狡计得出的。填充的不透明度随 Y 轴上的数值加多而加多。
Hue:渐变色是凭据线条神情的色彩生成的。
Tooltip mode(器具教导)将光标悬停在可视化上时,Grafana 会默契器具教导。采取器具教导的步履式样。
Single - 悬停器具教导仅默契单个系列,即您在可视化中悬停的系列。
All - 悬停器具教导默契可视化中的通盘系列。Grafana 会在器具教导的系列列表中以粗体默契悬停的系列。
Hidden - 与可视化交互时不默契器具教导。
少妇白洁全集珍重,使用隐匿字段可从器具教导中遮挡单个系列。
grafana 告白位
Legend mode(图例)使用这些确立可界说图例在可视化中的默契式样。商酌图例的更多信息,请参阅建立图例。
List - 以列表体式默契图例。这是图例的默许默契步地。
Table - 以表格体式默契图例。
Hidden - 遮挡图例。
Legend placement(图例位置)采取默契图例的位置。
Bottom - 图表下方。
Right - 图表右侧。
Legend values采取要在图例中默契的模范狡计,不错有多个。
Legend calculations采取要在图例中默契的模范狡计,不错有多个。
Text size输入数值可篡改柱形图上翰墨的大小。
Axis(坐标轴)使用以下字段确立来更正坐标轴的默契式样。
某些字段选项不会影响可视化效劳,直到您单击正在裁剪的字段选项框外或按回车键。
Placement(坐标轴位置)采取 Y 轴的位置。可选值如下:
Auto:Grafana 会自动将 Y 轴分拨给系列。若是有两个或更多单元不同的系列,则 Grafana 会将左轴分拨给第一个单元,右轴分拨给背面的单元。
Left:在左侧默契通盘 Y 轴。
Right:在右侧默契通盘 Y 轴。
Hidden:遮挡通盘坐标轴。
珍重:若是要有采取地遮挡坐标轴,请添加针对特定字段的字段隐匿。
Label(坐标标签)确立 Y 轴文本标签。若是有多个 Y 轴,则不错通过隐匿来指定不同的标签。
Width确立坐标轴的固定宽度。默许情况下,Grafana 会动态狡计坐标轴的宽度。
通过确立坐标轴的宽度,坐标轴类型不同的数据不错分享谈判的默契比例。这么就不错更放荡地相比多个图表的数据,因为坐标轴不会在可视限制内互相出动或拉伸。
Soft min 和 soft max确立软最小或软最大选项,以便更好地抑遏 Y 轴抑遏。默许情况下,Grafana 会凭据数据集自动确立 Y 轴的限制。
软最小值和软最大值确立不错防卫在数据大部分是平的情况下,突发点酿成峻岭;而从模范最小值和最大值字段选项中导出的硬最小值或最大值不错通过剪切跳跃界说点的尖峰,防卫间歇性尖峰使有效的细节变得平凡。
您不错确立模范最小/最大选项来界说 Y 轴的硬抑遏。更多信息,请参阅模范选项界说。
默契多个 y 轴在某些情况下,您可能需要默契多个 y 轴。举例,若是您有一个数据集同期默契随期间变化的温度和湿度,您可能但愿为这两个序列默契两个单元不同的 y 轴。
您不错通过添加字段隐匿来达成这一打算。请凭据需要屡次实践上述次第qvod成人动漫,添加所需的淘气多个 Y 轴。