Swift图表-条形图垂直网格线
Swift图表是一种用于在iOS和macOS应用程序中绘制各种图表的开发工具。条形图是Swift图表中的一种类型，用于以垂直方向展示数据的分布情况。垂直网格线是条形图中的一种辅助线，用于帮助用户更好地理解数据的分布。
条形图的优势在于能够清晰地展示不同类别或组之间的比较关系。它可以用于可视化各种数据，如销售额、用户数量、市场份额等。通过条形图，用户可以快速了解数据的相对大小和趋势。
应用场景：
- 销售数据分析：条形图可以用于比较不同产品或不同时间段的销售额，帮助企业了解销售情况并做出相应决策。
- 调查结果展示：通过条形图可以直观地展示调查结果，比较不同选项的选择情况，帮助研究人员和决策者更好地理解数据。
- 统计数据可视化：条形图可以用于展示各种统计数据，如人口数量、就业率等，帮助用户更好地理解数据的分布情况。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算相关的产品和服务，以下是一些与Swift图表开发相关的产品：
- 腾讯云移动分析（https://cloud.tencent.com/product/ma）：提供移动应用数据分析服务，可以帮助开发者了解用户在移动应用中的行为和使用情况，为条形图等图表提供数据支持。
- 腾讯云数据可视化（https://cloud.tencent.com/product/dv）：提供丰富的数据可视化工具和服务，可以帮助开发者快速构建各种图表，包括条形图，并将其集成到应用程序中。
以上是关于Swift图表中条形图垂直网格线的完善且全面的答案。
相关·内容
2回答
我使用jqPlot作为我的图表框架，并且在我的应用程序中有大量的图表，主要是线条和堆叠条形图。
我现在要求只在这些图表上显示水平网格线，并且在jqPlot中看不到这样做的任何选项。
有一个showGridline选项，但它会完全禁用网格线。
是否可以在jqPlot中仅删除垂直网格线并继续显示水平网格线？
浏览 3提问于2012-04-12得票数 32
回答已采纳
我正在使用flot来显示条形图。当我将tickLength设置为0时，它会隐藏垂直线和水平线，但也会隐藏x轴线和y轴线。我需要x轴和y轴，不包括垂直和水平网格线。有没有办法做到这一点？
请看图中的第二张图表。这就是我想要的。
浏览 2提问于2011-09-15得票数 10
回答已采纳
1回答
问题:在条形或柱状图上启用垂直或水平网格线。我目前的实现不够动态。在列图表上应用垂直网格线很好，但如果将图表类型更改为条形，则其不正确。
如何使这些垂直和水平网格线适应图表类型？
jsfiddle:
浏览 0提问于2018-08-17得票数 0
回答已采纳
1回答
我试着用不同的组创建一个条形图。每一列都是不同的东西，但有些列属于同一组，我希望它们按一行或什么东西分组。另一件事，我希望能够有不同的颜色为不同的价值观。高的数字将有绿色的条子，低的数字红色。
然后，我想要垂直网格线在线图表中，如在图片中。
我试过vAxis: { gridlines: { count: 10 } }，但没成功。我只得到了水平的网格线。
对怎么做有什么想法吗？或者还有其他的图表库可以做到这一点？谢谢。
浏览 2提问于2017-03-21得票数 0
回答已采纳
这是我为SSRS2008 R2构建的甘特图。
您可以在第三行上看到浅灰色垂直线，但在其他行上看不到。这是因为这些线是在条形图下面绘制的(绿色和橙色)。我的要求是，如何在条形图(绿色和橙色)上绘制这些线(网格线)？
我的Tablix中的每一行都是一个"Range，Bar“类型的图表，但它们都在相同的时间范围内。
谢谢
浏览 0提问于2015-05-12得票数 1
1回答
关于使用Chart.js，我有两个问题。
有任何方法可以删除垂直网格线。我不认为它们在我的条形图中有任何用处，没有它们它看起来更干净一些。--
当图表调整大小时，有没有办法让它们保持原来的高度？它们似乎保持着它们的宽度/高度比。我想我想保持高度不变。--
浏览 1提问于2022-06-08得票数 1
回答已采纳
我有这个图表：
...which完全按照我想要的方式显示，但有一个例外...条形图中的数据是在x轴上的两次之间。因此，所有标签都需要平移到网格线上，而不是条形图中默认的标签之间。红色和蓝色条是8:00到9:00之间的数据。我希望我已经解释得足够清楚了。
我正在搜索Chart.js文档，但这似乎是不可能的！我知道我可以把我的标签改成，比如晚上8点到9点，但这似乎是一种更笨拙的视觉方式。有没有人知道实现这一点的方法？理想情况下，在最后一条垂直网格线上也应该有另一个'12am‘。
浏览 6提问于2020-02-14得票数 1
我想知道是否可以在matplotlib图的所有水平网格线上显示x-滴答(大写和小调)。
我有一个大的线型图，其中大部分是垂直线(见图)。我使用水平网格线，因为它们不干扰数据。但是我不想使用垂直网格线，因为图表已经很忙了。
我想要的是在每条水平网格线上显示主要的和次要的垂直刻度标记(就好像我已经显示了所有垂直网格线，但是删除了所有没有跨越水平网格线的地方)。
这个是可能的吗？
这是一个样本图像，需要在每条灰色水平网格线上添加垂直刻度。
浏览 12提问于2020-05-21得票数 1
回答已采纳
1回答
我创建了一个简单的d3js垂直条形图。我理解，通常，为了创建网格线，我会使用"tickSize“调用，并给它们一个类似于轴的高度或宽度。
var yGridLine = d3.svg.axis()
.scale(yScale)
.tickSize(-width, 0 ,0)
.tickFormat("")
.orient("left");
以上代码将创建水平网格线。因此，如果我想创建垂直网格线，那么我将修改方向和引用axix (类似于以下未经测试但假设正确的代码)
var xGridLine = d3.svg.axis()
.scal
浏览 2提问于2020-11-16得票数 0
回答已采纳
1回答
我当前的项目需要显示这种图形图表。 大多数情况下，Bar元素位于两条垂直网格线的中间，但在我的示例中，它应该位于一条垂直网格线的中心。 我搜索了示例代码和API文档，但找不到适用于我的情况的解决方案。 用Chart.js可以画出这样的图表吗？ ?
浏览 17提问于2019-03-20得票数 0
回答已采纳
我正在构建一个条形图，其中条形图足以指示水平(x)位置，因此我希望避免绘制多余的垂直网格线。
我知道如何在opts()中设置次要网格线和主要网格线的样式，但我无论如何也想不出如何只隐藏垂直网格线。
library(ggplot2)
data <- data.frame(x = 1:10, y = c(3,5,2,5,6,2,7,6,5,4))
ggplot(data, aes(x, y)) +
geom_bar(stat = 'identity') +
opts(
panel.grid.major = theme_line(size = 0.5, co
浏览 1提问于2010-04-21得票数 93
回答已采纳
1回答
最近，我把我的客户端项目从Swift2和iOS-图表2升级到了Swift3和iOS-图表3。
经过几天的手动调整后，大部分代码都按预期的方式运行，但是，我的水平条形图仍然有问题。
用于显示为：的图表
图表现在显示为：
图表的核心代码：
func drawMarginChart() {
let labels = marginObject!.getLabelsForChart()
let values = marginObject!.getValuesForChart()
var dataEntries = [ChartDataEntry]()
浏览 1提问于2017-05-26得票数 4
我有一个图表，其中我只想显示y网格线。当值在一段较长的时间内保持不变时(图表只显示最后5个滴答)，所有的网格线都会消失。是否可以始终显示多条垂直网格线，即使所有x的值相同？
现在情况如何：
我想让它看起来像：
浏览 3提问于2017-09-15得票数 4
回答已采纳
2回答
高级图表。网格线上的标记
、、、
我试着在网格线上的高图表线上显示我的标记点。
这就是我所拥有的
在图片上可以看到，标记位于垂直网格线的中间，而不是将网格线悬停。
有什么办法来改变这个吗？
浏览 4提问于2013-03-21得票数 0
1回答
核心图条形图pan事件
、、、
我将创建一个iPad应用程序来显示和修改条形图(每个条形图都由一堆小矩形组成)，因此我将评估图表框架与Swift兼容。
我开始评估CorePlot框架，如果按照指南在Xcode中导入它，那么它是一个很好的选择。
虽然我已经看过了可用的教程，但是在下面的场景中找不到任何东西：
绘制一个图表，显示从服务调用获得的来自JSON字符串的24个条形图
垂直平底平底条顶部，使其相应地增加或减少。
向服务发送与图表关联的新修改数据
有谁能在这里通知有关这种情况的教程/指南的链接吗？
谢谢
浏览 1提问于2014-09-12得票数 0
回答已采纳
我正在使用Chart.js版本2.7.2创建一个简单的单系列条形图。我希望图表中的每一个栏都能填充所有可用的空间，这样图表中的每个栏都会“触及”它的邻居。
我的研究表明，我应该使用barPercentage和categoryPercentage设置，将两者都设置为1。我已经这样做了，它使条形图非常宽，但在它们之间留下了一个像素间隔。
我最初的假设是，这是由于网格线，但即使我关闭网格线(gridLines.display: false)，它仍然有一个像素的差距。
这是截图。看到每个酒吧之间的空隙了吗？我怎么才能摆脱它？
浏览 2提问于2019-04-11得票数 2
回答已采纳
我需要创建一个折线图，其中xAxis将显示垂直网格线而不是水平网格线，就像“chart：{inverted: true}”中的情况一样(下面屏幕上的示例)。
不幸的是，该解决方案并不完全准确，因为它还会改变数据的顺序，因此实际上距离刻度最终位于图表的一侧，而距离刻度应该位于图表的底部，如下所示：
我的问题是:有没有一种方法可以让网格线垂直显示而不改变数据的顺序？
这是Highcharts演示中的示例图表，我想在其中更改网格线的显示：
$(function () {
$('#container').highcharts({
chart: {
type:
浏览 11提问于2016-09-15得票数 5
回答已采纳
1回答
在Flex中添加固定网格线图表
、、、、
有谁知道如何在flex中添加固定的网格线图表，例如:我有一个垂直轴，它的最小值为0，最大值为100，但我只想显示值为30和70的网格线。所以请让我……thx
浏览 0提问于2010-10-19得票数 0
在Google中，'hAxis': {'gridlines': {'count': 3} }语句似乎有效，但当我将chartWrapper作为交互情节的一部分时，它就不起作用了。我并不真正关心垂直网格线，但我想控制X轴上有多少标签。我认为标签通常附在网格线上--每个网格线都有一个标签。
我有一个来自Google图表网站的例子，我唯一改变的地方是尝试并插入3条网格线：
浏览 1提问于2017-07-13得票数 0
回答已采纳
1回答
我正在使用mp android库创建一个简单的条形图。我知道我可以改变条形数据集的颜色。但是我想把背景、水平和垂直的网格线从默认的黑色更改为其他颜色。
浏览 1提问于2016-04-22得票数 4
回答已采纳
在我的应用程序中，我使用的是，我想通过垂直的网格线将我的线图分割成与其他颜色不同的扇区(类似于下面的图表)。我查看了文档，但没有找到任何解决方案。我只知道如何一次改变所有网格线的颜色。谢谢你的建议。
更新：
这是我的解决办法。对于垂直线，我有x个位置的数组，在for循环中，我将在图表中添加限制线。
for k:Int in 0 ..< limitLines.count {
let limitLine = ChartLimitLine()
limitLine.lineColor = UIColor.red
limitLine.limi
浏览 4提问于2016-08-10得票数 2
回答已采纳
1回答
一个页面使用数据库，我正在渲染多个条形图使用扁平套件主题的Flot图表。对于特定的数据集，它给我提供了重叠的x轴网格线，而且我的条形图没有正确呈现。
请看图像，在每个图形的顶部，数据和刻度也由我回显，以帮助您查找是否有任何数据或刻度的错误
浏览 14提问于2017-07-02得票数 1
2回答
我使用Chartjs为大量数据集绘制了一张图表。因此，在默认情况下，有许多垂直的网格线看起来很可怜。我想扩大垂直线之间的距离。
任何帮助都将是appriciated.Thanks
浏览 6提问于2021-03-23得票数 2
回答已采纳
下面是我尝试使用MPAndroidChart库创建的图表：
为了创建这个图，我需要一些方法来告诉线形图只显示两个y值"Average“和"You”。我还需要一种方法来绘制一条垂直网格线，该网格线仅向上延伸到圆/y值。我已经搜索了MPAndroidChart github和wiki上的教程、文章和问题，但我仍然不确定如何创建上面的图表。有没有办法用MPAndroidChart创建这个图表？任何帮助都是非常感谢的。
浏览 1提问于2018-04-03得票数 0
1回答
我正在使用Chart.js版本2.1.3创建线条图。
我想把标签和点放在x轴上的网格线之间(如条形图中)。
对于标签，我使用“offsetGridLines”选项来抵消网格线上的标签：
scales: {
xAxes: [{
gridLines: {
offsetGridLines: true
}
}],
...
然而，我找不到一个方便的解决办法，中心点。
下面是我的初始示例(放置在网格线之间的标签)：。
下面是我的非典雅解决方案，它创建一个空的'bar‘型数据集，并在创建图表后删除它(在网格线之间绘制点)
浏览 2提问于2016-06-22得票数 3
4回答
图表中的动态数据
、、
有人使用过 Javascript图表库吗？我对此有几个问题：
它支持动态数据吗？换句话说，如果我绘制了一个图表，然后想更新图表上显示的数据，我需要完全卸载图表并重新开始吗？或者我能及时更新图表的数据吗？
是否有一种方法可以隐藏在线/条形图上的网格线？
网站上的文档看起来有点薄。这些图表是否还有更多的在线资源？
浏览 4提问于2009-12-08得票数 3
回答已采纳
2回答
我试图建立垂直条形图使用nvd3图表。
问题:如果图表只有一条记录，条形宽度会达到图表宽度的3/4。
问:如何更改离散条形图中条形图的宽度？
请附上图表指导我..
浏览 0提问于2013-03-13得票数 9
2回答
有许多将图表扩展为包括水平和垂直线的示例。然而，我还没有找到一种方法来绘制一条垂直线与水平条形图。
没有“垂直线图”选项，就像“水平条形图”选项一样。如何将水平条形图与垂直线组合？
结果将有一个条形数据集和一个线数据集，它们可以使用相同的轴在同一张图表上使用，如下所示：
浏览 11提问于2016-07-07得票数 8
回答已采纳
1回答
下面的代码创建了一个散点图，并使用了theme_bw和背景中的有网格线-
data = mtcars
data %>%
select(mpg, disp) %>%
ggplot(aes(disp, mpg))+
geom_point(size = 3)+
theme_bw()
我还想在图表上包括一些垂直和水平线。然而，以当前的网格线，它看起来有点忙。有没有办法进一步降低网格线的可见性。我不想把它们完全移除。
浏览 1提问于2021-01-26得票数 2
回答已采纳
我正在使用javascript在我的web应用程序中显示一个Google Visulization LineChart。如何让它显示垂直网格线？我读过关于使用chg来设置它们的文章，但据我所知，它只适用于使用query string方法制作图表时。能否告诉我在初始化LineChart时如何获取垂直网格线，如下所示：
new google.visualization.LineChart(div.get(0)).draw(data, { title: 'Unique visitors - Previous Month'
浏览 2提问于2011-04-21得票数 7
1回答
我有一个已经设计好的图表，我正在研究，我有几个问题。
首先，我可以从网格中删除网格线等，只显示没有轴/滴答等的堆叠条形图。
下面是一个指向设计图的链接：
谢谢!
浏览 0提问于2018-02-12得票数 0
我正在尝试构建一个图表，在光标下绘制一条垂直于X轴的垂直线。以此为指导：
我使用以下代码来捕获图表绘图区的'mouseout‘和'mousemove’(不包括图表边距和标签)
chart = new dojox.charting.Chart2D("rating");
chart.addPlot("default", {
type: "Bubble"
});
chart.addPlot("grid", {
浏览 4提问于2010-06-25得票数 0
回答已采纳
1回答
我正在寻找一个开源可视化软件包，以创建类似于我在excel中创建的3d条形图(见下图)。我尝试过vis.js，但是我无法分辨如何格式化“墙壁”来显示网格线和背景色。如果这在vis.js中是可行的，我也可以这样做，但是我在文档中没有看到任何东西。
我需要的特点是：
“墙”的网格线
“墙壁”的背景色选项
自由移动/旋转
基于某种逻辑改变单个条形图颜色的能力
能够将图像导出到pdf等。
理想图表(excel)：
我对vis.js所能做的就是：
如有任何帮助或建议，将不胜感激！谢谢!
浏览 2提问于2017-04-05得票数 1
在使用gnuplot中的时间xscale时，我如何才能在每天午夜添加垂直网格线？我想能够产生不同的时间跨度从24小时到2个月的多个情节。我想每天午夜在图表上放一条垂直的网格线，这样我就可以很容易地在图表上区分各个日子。下面是我的gnuplot脚本现在的样子：
set terminal png size 900, 300
set output "images/temps.png"
set xdata time
set timefmt "%m/%d/%y %H:%M"
set datafile separator ","
set ylabel
浏览 2提问于2017-01-05得票数 0
我正在开发一个安卓应用程序，其中我使用AChartEngine作为图表库。它在演示中提供堆叠条形图(垂直条形图)，我希望它转换为堆叠100条形图(垂直条形图)。怎样才能实现呢？
浏览 4提问于2012-09-24得票数 0
回答已采纳
1回答
我正在尝试用“斑马”背景来实现条形图，而不是使用谷歌图表来实现默认的网格线。
是否有办法做到这一点？到目前为止还不知道怎么做。
以下是我想要达到的目标：
到目前为止，我得到的是：
浏览 4提问于2019-10-16得票数 1
回答已采纳
3回答
使用KendoUi，我想创建一个条形图，条形图将从右向左展开(垂直轴在图表的右侧)。
更准确地说，我想做一个带有中心轴和两边条的图表，就像这样：
但是，如果我有一个左侧的条形图和一个常规的(右侧)条形图，我将能够连接这两个图表。
浏览 2提问于2012-06-06得票数 4
我想在excel中创建这种类型图表：
垂直网格线将图表划分为年份，以及每一年的标签。制作这张图表的人说，他认为他只是以某种方式绘制了线条并手动添加了标签。但还能用其他方式做到这一点吗？在图表中绘制线条不是很精确，而且我找到的唯一其他解决方案也不能真正产生相同的结果。
浏览 6提问于2014-11-12得票数 1
回答已采纳
1回答
我正在使用css-grid构建一个纯css图表。有没有办法用文本标记网格线？在附加的图像中，我想标记垂直线: 1，2，3，4。
grid-template-columns: 150px repeat(12, 1fr);
浏览 3提问于2019-07-16得票数 1
1回答
当使用Axes.twinx()创建具有两个不同高度刻度的重叠条形图时，我无法将'twin‘轴集的垂直网格线设置为可见。但是水平线工作得很好。对如何解决这个问题有什么想法吗？ 下面是一些示例代码，说明了我想做什么和不能做什么。如图所示，垂直网格线被ax2的红色条所隐藏，而我希望网格线在所有条中都可见。 # Create figure and figure layout
ax1 = plt.subplot()
ax2 = ax1.twinx()
# Example data
x = [0, 1, 2, 3, 4, 5]
h1 = [55, 63, 70, 84, 73, 93]
h2
浏览 10提问于2019-03-27得票数 2
回答已采纳
我刚开始使用NG2图表，我想知道有可能有一个水平条形图吗？我只看到一个垂直条形图，但我不确定这是否可以改变，以包括水平条形图。在NG2图表中，我能定制一个条形图有多远？
浏览 0提问于2017-04-27得票数 8
回答已采纳
1回答
我想用高图表中的垂直线将线图上的点分开。我可以用网格线来实现这一点，但是我希望这些线只显示在点之间，而不是在第一点之前和最后一点之后。在中，在'Jan‘和'Dec’之后不应该有网格线。有可能吗？
这是我的x轴
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'No
浏览 2提问于2015-03-03得票数 1
回答已采纳
1回答
如何使用iOS 8.1中的核心图在图像中获得下图。我试着在x轴上寻找自定义标签
x.labelingPolicy = CPTAxisLabelingPolicyNone;
但是我不知道如何在图表中垂直地得到网格线？
帮我处理这个
浏览 5提问于2014-12-17得票数 1
回答已采纳
我这里有一个堆栈闪电战- https://stackblitz.com/edit/chart-enter-update-group-children-mt-tbxtau?file=src%2Fapp%2Fbar-chart.ts 这是一个angular应用程序中的d3图表。 图表的水平线条和垂直网格线。 我想把100%的网格设计成不同于其他网格的样式 我可以简单地用以下命令来完成 d3.selectAll('g.tick')
.filter((d) => d===100)
.attr('class', 'grid-100') 我的
浏览 16提问于2019-01-09得票数 1
回答已采纳
我正在尝试很好地格式化，以便两边的垂直轴共享相同的网格线。但是，第二个Y轴(右侧)不会自动格式化为viewWindowMode: 'pretty'。结果是值从0开始，而不是从10,000开始。
通过设置最小值和最大值：
viewWindowMode: 'explicit',
viewWindow: {
max: 14000,
min: 10000}
结果很好，但这条线触及了图表的顶部和底部。所以我试着通过设置max: 15000和min: 9000来给它一些填充，但是网格线的数量增加了，gridlines: {count:
浏览 1提问于2016-04-19得票数 1
我希望在y轴上有时间或距离，在x轴上有值，并使垂直图表而不是水平图表。例如，我希望y轴上的时间从0小时开始，一直持续到13小时。我希望看到x轴上从1到5的值。基本上，我想要一个翻转或转置的折线图。我也想用条形图做同样的事情。这在Power BI中是可能的吗？
垂直线图表：
多个条形图：
浏览 6提问于2021-04-21得票数 0
3回答
AM图表未正确显示日期轴
、、、
我完全是am图表的新手，尝试用提供的数据源构建条形图和线形图，将类别轴设置为日期并设置parseDates=为真。在绘制图表时，月份似乎在发生变化。对于给定的数据，当向下钻取到月份时，假设4月栏位于5月网格线上(如图所示)，当在年视图中，12月位于明年网格线(2004年12月位于2005年)时，我如何将其转换回正确的顺序。有什么办法可以修复它吗？
我的类别轴如下
"categoryAxis": {
"minPeriod": "hh",
"parseDa
浏览 1提问于2014-10-03得票数 1
我在xcode (IOS).now中使用MIM图表库创建了一个垂直条形图，我想使用相同的Mim图表库在水平视图中创建一个条形图。
是否可以在水平视图中创建条形图？我尝试了一些代码，但没有得到水平视图。
浏览 2提问于2012-12-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
