Swift - 以编程方式创建图表(条形图、折线图、饼图、柱形图)[关闭]

     2023-02-23     262

关键词:

【中文标题】Swift - 以编程方式创建图表(条形图、折线图、饼图、柱形图)[关闭]【英文标题】:Swift - Create charts(bar, line, pie, column) programatically [closed] 【发布时间】:2019-03-11 13:19:05 【问题描述】:

我正在使用https://github.com/danielgindi/Charts 框架。 根据教程,我们必须为视图创建一个出口,然后将其归类为相应的图表视图。 所以我创建了 4 个网点并成功加载了图表。 我只想为所有图表使用一个插座。 我在表格视图中显示图表。那么我可以对所有图表重用一个视图吗? 我尝试调用 init() 方法。但是,init() 方法不适用于所有图表。 另外,我也尝试过给框架,但失败了。 请帮忙。

【问题讨论】:

请不要直接投反对票。如果有什么问题。请解释 你自己试过了吗?不要只是抛出一个问题,为什么不付出一些努力并尝试自己,然后询问您遇到的任何问题。如果您表现出一些努力,例如更具体地询问您的要求和/或包括您的代码,您将获得更积极的回应 感谢您的建议。这很有教育意义。 @ManeeshAucharla - 欢迎来到 Stack Overflow。请使用tour 并查看How to Ask。 【参考方案1】:

在您查看更多图表文档后,您可能会例如制作折线图LineChartView(),您可以使用不同的更新函数来更改其外观,例如这是我的一个:

func lineChartUpdate(dataPoints: [String], values: [Double]) 

    //Graph data management
    var lineChartEntry = [ChartDataEntry]()

    for i in 0..<prices.count 

        //Graph marker from extension

        if prices != [] 

            let value = ChartDataEntry(x: Double(i), y: values[i])
            lineChartEntry.append(value)

            let line1 = LineChartDataSet(values: lineChartEntry, label: "Price")

            line1.setColor(.white)
            line1.drawVerticalHighlightIndicatorEnabled = false
            line1.drawHorizontalHighlightIndicatorEnabled = false
            line1.mode = .cubicBezier
            line1.lineWidth = 2.0
            line1.drawValuesEnabled = true
            line1.valueTextColor = UIColor.white
            line1.drawCirclesEnabled = false

            chartView.xAxis.valueFormatter = IndexAxisValueFormatter(values:self.days)
            chartView.xAxis.granularity = 1
            chartView.leftAxis.drawGridLinesEnabled = false
            chartView.xAxis.drawGridLinesEnabled = false
            //Expanded

            chartView.rightAxis.enabled = false
            chartView.leftAxis.enabled = false
            chartView.xAxis.enabled = false

            chartView.rightAxis.drawGridLinesEnabled = false
            chartView.legend.enabled = false

            chartView.dragEnabled = false
            chartView.pinchZoomEnabled = false
            chartView.drawMarkers = false
            chartView.doubleTapToZoomEnabled = false

                self.chartView.isUserInteractionEnabled = true

            //Graph Data.

                let data = LineChartData()
                data.addDataSet(line1)
                self.chartView.data = data
            self.chartLoaded = true 

        

    


如果您希望一个视图能够充当条形图和折线图,则在同一位置为每种类型设置一个视图可能会更容易,例如您可以将条形图视图更改为您想要的任何类型的条形图并对其进行更新以尽可能多地更改以重用视图,但是当您需要折线图时,只需隐藏该视图并改用折线图即可。

【讨论】:

感谢您的帮助

如何在R中一起创建折线图和条形图[重复]

】如何在R中一起创建折线图和条形图[重复]【英文标题】:HowtocreatealineandbarcharttogetherinR[duplicate]【发布时间】:2022-01-0718:23:57【问题描述】:您好,如果这篇文章的格式有误,我很抱歉,我从未在此表单上发布过。我正在寻求... 查看详情

折线图+不同频率的分组条形图[重复]

...同的时间序列(pandas.core.series.Series类),我想制作这个图表:desiredchartdf1(dailydata,onlyworkingdays)Dateexchang 查看详情

一个图形核心图中的折线图和条形图

...时间】:2013-01-1612:37:12【问题描述】:您好,我正在寻找图表我可以在条形图上绘制散点图(条形图上的线),是否可以使用核心图在同一图中绘制折线和条形图?为了得到相同的结果,我尝试了以下操作,但我没有成功。CPTGra... 查看详情

在 SWIFT OS X 中以编程方式添加和删除 NSTextField

】在SWIFTOSX中以编程方式添加和删除NSTextField【英文标题】:AddingandremovingNSTextFieldprogramaticallyinSWIFTOSX【发布时间】:2015-07-1012:20:35【问题描述】:我正在尝试在表示各种数据点的图形视图上编写文本标签(想象Excel中的折线图)... 查看详情

matplotlib 将条形图和折线图结合在一起

...【发布时间】:2016-12-1302:17:34【问题描述】:我想在一个图表中同时绘制条形图和线形图。当我绘制条形图时,它显示正确(g1和g10显示完成):但是,如果我在图中添加一条线:m1_t[[\'abnormal\',\'fix\',\'normal\']].plot(kind=\'bar\' 查看详情

使用 KendoUI 折线图,如何保持条形点连接? (见图片)

...-2905:35:52【问题描述】:我正在使用KendoUI来替换一些DotNet图表。即使没有数据,如何保持线路连接?第一个图表是被替换的点网图表。第二个图表是我想保持点连接的KendoUI。我的html看起来像这样:以 查看详情

echarts折线图图表怎么显示平均值

...可交互组件,支持多图表、组件的联动和混搭展现。1、创建折线图的数据区(包括年份和数据)2、仅选择数据区创建折线图(插入选项卡/图表工具组/折线图)3、得到的折线图x坐标不满足要求,在图表区单击鼠标右键,选择“... 查看详情

s-s-rS 2008 使用来自同一数据集的不同总和在条形图顶部绘制折线图

...0【问题描述】:数据集有3列:Year,Gross,Location我正在尝试创建一个图表,用条形显示当年的总收入,用线条显示上一年的总收入(均按位置)。理想情况下, 查看详情

从折线图开始的条形图

】从折线图开始的条形图【英文标题】:barchartstartingoverlinechart【发布时间】:2022-01-1411:28:27【问题描述】:我想重叠一条线和一个条形图。棘手的部分是条形不应从0开始,而应从行开始。到目前为止我试过了valuation<-c(100,105,... 查看详情

提供带点的链接折线图的图表库

】提供带点的链接折线图的图表库【英文标题】:ChartinglibrarythatoffersLinkedlinechartwithdots【发布时间】:2011-03-2117:38:40【问题描述】:我正在尝试随着时间的推移绘制来自多个实体的数据。每个实体都有自己的行,所以会有几行。... 查看详情

带折线图的条形图 - 使用非数字索引

】带折线图的条形图-使用非数字索引【英文标题】:BarChartwithLineChart-Usingnonnumericindex【发布时间】:2018-03-2012:05:18【问题描述】:我想在同一张图上显示数据框的条形图和表示总和的折线图。我可以对索引为数字或文本的框架... 查看详情

vb.net中Windows窗体应用程序中的折线图

...【问题描述】:使用vs2008我正在尝试在windows窗体中使用vb创建折线图。我已将图表拖到表单上,并通过属性窗口,通过系列选项将类型更改为我想要的图表,即线条。但数据始终显示为简单的条形图。我该如何解决这个问题,以... 查看详情

多个组的ggplot条形图+折线图

】多个组的ggplot条形图+折线图【英文标题】:ggplotbarplotbymultiplegroups+linegraph【发布时间】:2022-01-1409:57:15【问题描述】:我有这个数据集:structure(list(team=c("bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb","bgb 查看详情

如何创建 QChart.js 折线图

】如何创建QChart.js折线图【英文标题】:HowtocreateQChart.jsLineChart【发布时间】:2019-02-1318:19:38【问题描述】:我可以让QChart.js毫无问题地使用饼图(以及极坐标图和圆环图),但每当我尝试创建折线图(以及雷达和条形图)时,... 查看详情

javascript数据可视化编程学习flotr2,包含简单的,柱状图,折线图,饼图,散点图

一、基础柱状图二、基础的折线图 三、基础的饼图四、基础的散点图 一、基础柱状图如果你还没有想好你的数据用什么类型的图表来展示你的数据,你应该首先考虑是否可以做成柱状图。柱状图可以表示数据的变化过程... 查看详情

R Shiny ggplot 条形图和折线图,具有动态变量选择和 y 轴为百分比

...17-04-2523:57:36【问题描述】:我正在学习Shiny,并在我正在创建的应用程序上寻求帮助。我正在创建一个应用程序,该应用程序将从用户那里获取动态输入,并且应该生成条 查看详情

echarts图表——折线图&饼图

...的关系。饼图为圆形,显示一个数据系列(数据系列:在图表中绘制的相关数据点,这些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据系列... 查看详情

怎么在excel图表上既显示柱状图又显示折线图

参考技术A怎么在excel图表上既显示柱状图又显示折线图  excel是目前最为主要的办公软件,在进行数据对比的时候,会用到各种图表和折线图等,那么如何在excel图表上既显示柱状图又显示折线图?下面我就为大家详细介绍一下... 查看详情