- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 danielgindi/ios-charts library 创建折线图通过在 X 轴上传递时间值和在 Y 轴上传递表示货币金额的整数值。
时间值,因为它在一个有限的区间内,因为我试图将它限制为 7 个元素,我首先将它转换为 unix 并检查其中一个是最旧的,然后我用较新的替换旧的所以我得到了 NSNumbers 数组。
这里是我的代码和数组数据:
- (void)addChartWithArray:(NSArray *)dataArray{
NSMutableArray *xVals = [[NSMutableArray alloc] init];
NSMutableArray *yVals = [[NSMutableArray alloc] init];
int maxNumberOfValuesInGraph;
if(dataArray.count >= 7){
maxNumberOfValuesInGraph = (int)dataArray.count - 7;
}else{
maxNumberOfValuesInGraph = 0;
}
for (int cout = maxNumberOfValuesInGraph; cout < dataArray.count; cout++){
TRTargetEstimation *targetEstimation = [dataArray objectAtIndex: cout];
[xVals addObject:[targetEstimation dateCreated]];
}
xVals = [self calculateTimeValues: xVals];
int secondCounter = 0;
for (int cout = maxNumberOfValuesInGraph; cout < dataArray.count; cout++) {
TRTargetEstimation *targetEstimation = [dataArray objectAtIndex: cout];
[yVals addObject:[[ChartDataEntry alloc] initWithValue:[targetEstimation.estimationValue floatValue] xIndex:secondCounter]];
secondCounter++;
}
LineChartDataSet *set1 = [[LineChartDataSet alloc] initWithYVals:yVals label:@"DataSet 1"];
set1.lineWidth = 2.f;
set1.circleRadius = 6.0;
[set1 setColor: [UIColor orangeColor]];
[set1 setCircleColor:[UIColor orangeColor]];
set1.highlightColor = [UIColor orangeColor];
set1.drawValuesEnabled = YES;
LineChartData *data = [[LineChartData alloc] initWithXVals:xVals dataSet:set1];
[data setValueFont:[UIFont fontWithName:@"HelveticaNeue-Light" size:7.f]];
self.lineChartView.minOffset = 0;
self.lineChartView.delegate = self;
self.lineChartView.backgroundColor = [UIColor clearColor];
self.lineChartView.descriptionText = @"";
self.lineChartView.noDataTextDescription = @"No history available.";
self.lineChartView.drawGridBackgroundEnabled = NO;
self.lineChartView.dragEnabled = NO;
[self.lineChartView setScaleEnabled:NO];
self.lineChartView.pinchZoomEnabled = NO;
[self.lineChartView setViewPortOffsetsWithLeft:10.0 top:0.0 right:10.0 bottom:0.0];
self.lineChartView.legend.enabled = NO;
self.lineChartView.leftAxis.enabled = NO;
self.lineChartView.rightAxis.enabled = NO;
self.lineChartView.xAxis.enabled = NO;
self.lineChartView.data = data;
self.lineChartView.hidden = YES;
self.leftLineView.hidden = YES;
self.bottomLineView.hidden = YES;
}
- (NSMutableArray *)calculateTimeValues:(NSMutableArray *)passedArray {
NSMutableArray *returnedArray = [[NSMutableArray alloc] init];
for (int count = 0; count < passedArray.count; count++) {
NSDate *date = [TRUtils getDateOutOfString:[passedArray objectAtIndex:count]
andDateFormat:@"yyyy-MM-dd HH:mm:ss"];
[returnedArray addObject:[NSNumber numberWithInt:[TRUtils getUNIXTimeFromDate:date]]];
}
[returnedArray sortUsingDescriptors:[NSArray arrayWithObject:[NSSortDescriptor sortDescriptorWithKey:@"self" ascending:YES]]];
int minValue = [[returnedArray firstObject] intValue];
for (int count = 0; count < passedArray.count; count++) {
[returnedArray replaceObjectAtIndex:count
withObject:[NSString stringWithFormat:@"%d",[[returnedArray objectAtIndex:count] intValue] - minValue]];
}
return returnedArray;
}
这是我的辅助方法:
+ (NSDate *)getDateOutOfString:(NSString *)passedString andDateFormat:(NSString *)dateFormat{
NSString *dateString = passedString;
NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
[dateFormatter setDateFormat:dateFormat];
NSDate *dateFromString = [[NSDate alloc] init];
dateFromString = [dateFormatter dateFromString:dateString];
return dateFromString;
}
+ (int)getUNIXTimeFromDate:(NSDate *) datePassed{
return (int)[datePassed timeIntervalSince1970];
}
xVals 数据是:
<__NSArrayM 0x7fca4b775dd0>(
0,
213,
298,
435,
524,
591,
664
)
yVals 数组是:
[234234,
123123,
2223355,
22222222,
2342,
121212,
121212]
图形显示为:
现在,Y 轴看起来符合预期,但 Y 轴不正确,因为点之间的间距相等,知道我做错了什么吗?
我已经尝试更改下一行:
[yVals addObject:[[ChartDataEntry alloc] initWithValue:[targetEstimation.estimationValue floatValue] xIndex:secondCounter]];
通过提供不同的 xIndex,但图表完全停止显示在屏幕上。
提前感谢所有建设性的回答:)
最佳答案
我假设您的意思是“X 轴不正确,因为点之间的间距相等,知道我做错了什么吗?”
这是设计使然。要解决此问题,您需要为 x 轴插入中间日期值,但不为特定 xIndex 插入任何数据条目。这已经在 github 页面上被问到了。
您必须为 [self hasDataAtIndex:cout]
编写自己的逻辑
for (int cout = maxNumberOfValuesInGraph; cout < dataArray.count; cout++){
TRTargetEstimation *targetEstimation = [dataArray objectAtIndex: cout];
[xVals addObject:[targetEstimation dateCreated]];
if ([self hasDataAtIndex:cout]) {
[yVals addObject:[[ChartDataEntry alloc] initWithValue:[targetEstimation.estimationValue floatValue] xIndex:cout]];
}
}
关于ios - 使用 danielgindi/ios-charts 库创建折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35213475/
我有一个通过 Google Charts Org Chart API 呈现的图表。当用户单击节点时,如何获取有关所选节点的数据。我理解到我进行“getSelection”调用以将选择信息输出到 Jav
我使用Chart.js显示雷达图。我的问题是某些标签很长: 图表无法显示或显得很小。 那么,有没有办法换行或为标签分配最大宽度? 感谢您的帮助! 最佳答案 对于Chart.js 2.0+,您可以使用数
我想问一下使用Chart.js http://www.chartjs.org/ 可以吗?获得组合条形图和折线图? 感谢您的任何建议。 最佳答案 下面的答案与chart.js 1.x有关。 Chart.
我在addData和removeData函数中添加了chart.resize(),但它总是增加高度并且永远不会减少! 当用户单击菜单项时,我正在更新图表。有些项目有超过 100 个数据,有些项目只有
horizontal bar chart var barOptions_stacked1 = { tooltips: { e
我们将 Chart.js 与 clojurescript 和 Reagent 一起使用。现在我知道 Chart.js 有一个 Chart.update() 方法来用新数据更新图表。所以问题是,如何设置
我想显示一个包含多个数据集的条形图,如下所示,。。我可以获取如下所示的数据。。而是如何转换这个JSON数组,如下所示。我需要显示过去7天每个班次的出勤百分比。。感谢你在这方面的帮助。谢谢!。=编辑=
I want to display a bar chart with multiple datasets as shown below,我想显示一个包含多个数据集的条形图,如下所示, I'
假设我有一个 Charting.Chart : 我想导出到 Excel.Workbook.Worksheet以便我稍后可以“播放”数据(例如在 Excel 图表上拖放更多数据等): 请不要介意第二张图
离子性: ionic(Ionic CLI):4.10.3(/Users/faiz/.nvm/versions/node/v8.9.4/lib/node_modules/ionic) 离子框架:离子角3
我正在使用Chart.js来可视化我的数据,如下图所示。。。我想在图表中间加一张照片。。。如何在甜甜圈图表的中间添加照片?下面是我的javascript代码:
我正在使用 Kendo 饼图,我想将其配置为在没有数据可显示时显示一条消息。我正在使用以下 js 函数配置饼图 - 变量“JsPieChartDataSet”是一组 JSON 格式的数据。 是否有可以
是否可以在图表和x轴之间获得更多空间? 是否可以在图表的右侧和 Canvas 区域的末端之间留出更多的空间?我想在图表旁边的 Canvas 中添加更多元素,但是这是不可能的,因为图表占用了整个 Can
我正在使用chart.js,在图表的某些点的多日条目之间缺少一些数据。我已将这些值分配为null,但希望图表在缺失点之间绘制一条连接线。这是我所拥有的: 有没有办法将chart.js中的点连接起来?也
我正在生成一些谷歌图表,但我被困在这里。 Google 允许您将列堆叠起来。但它要么受到限制,要么我无法将其配置为工作。取自谷歌,这里有一个例子,显示了两个国家每年生产的咖啡杯数: 假设我有另一个相同
使用 Google Charts 条形图,是否可以更改一个条形的颜色。例如,我想将 2006 年的数据设为红色(其他条形为蓝色)。 function drawVisualization() {
我目前正在尝试重新设计设计布局。我通过尝试和错误得到了大部分。我唯一不明白的部分是: 1.) 左侧和底部的黑色轴。所以只有那些是黑色的2.) 里面的浅灰色轴。如何在颜色上应用不透明度或使用我自己的颜色
我使用以下命令创建了一个名为“abc”的 Helm 图表helm create abc现在,当我安装此图表时,所有创建的kuberenets资源将具有一个包含“abc”的名称。 现在,我必须将图表“a
我正在构建一个折线图,除了 ChartScrollbar 中的标签之外,一切正常,因为类别名称有点长,cahrtScrollbar 中的标签相互堆叠使其无法读取。我想知道是否可以隐藏标签、仅显示一些标
我正在使用 Chart.js 2.5。我的情况是,我有一个包含 40 个数据的数据集,但我只想在折线图中显示 7 个数据,但仍然可以水平向左/向右移动以发现其余数据。 我尝试了ticks.maxTic
我是一名优秀的程序员,十分优秀!