- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用XYPieChart library绘制我的饼图。我不需要切片选择,所以我手动禁用了它,而且我将始终有 3 个切片。
这就是我的图表现在的样子:
它工作正常,但我希望它看起来像这样:
这是我当前的代码,大多数事情发生在其中:
- (void)reloadData
{
if (_dataSource)
{
CALayer *parentLayer = [_pieView layer];
NSArray *slicelayers = [parentLayer sublayers];
double startToAngle = 0.0;
double endToAngle = startToAngle;
NSUInteger sliceCount = [_dataSource numberOfSlicesInPieChart:self];
double sum = 0.0;
double values[sliceCount];
for (int index = 0; index < sliceCount; index++) {
values[index] = [_dataSource pieChart:self valueForSliceAtIndex:index];
sum += values[index];
}
NSLog(@"%f", values[0]);
NSLog(@"%f", values[1]);
NSLog(@"%f", values[2]);
double angles[sliceCount];
for (int index = 0; index < sliceCount; index++) {
double div;
if (sum == 0)
div = 0;
else
div = values[index] / sum ;
angles[index] = M_PI * 2 * div;
NSLog(@"sum %f", sum);
NSLog(@"pi %f", M_PI);
}
NSLog(@"%f", angles[0]);
NSLog(@"%f", angles[1]);
NSLog(@"%f", angles[2]);
[CATransaction begin];
[CATransaction setAnimationDuration:_animationSpeed];
[_pieView setUserInteractionEnabled:NO];
__block NSMutableArray *layersToRemove = nil;
BOOL isOnStart = ([slicelayers count] == 0 && sliceCount);
NSInteger diff = sliceCount - [slicelayers count];
layersToRemove = [NSMutableArray arrayWithArray:slicelayers];
BOOL isOnEnd = ([slicelayers count] && (sliceCount == 0 || sum <= 0));
if(isOnEnd)
{
for(SliceLayer *layer in _pieView.layer.sublayers){
[layer createArcAnimationForKey:@"startAngle"
fromValue:[NSNumber numberWithDouble:_startPieAngle]
toValue:[NSNumber numberWithDouble:_startPieAngle]
Delegate:self];
[layer createArcAnimationForKey:@"endAngle"
fromValue:[NSNumber numberWithDouble:_startPieAngle]
toValue:[NSNumber numberWithDouble:_startPieAngle]
Delegate:self];
}
[CATransaction commit];
return;
}
for(int index = 0; index < sliceCount; index ++)
{
SliceLayer *layer;
double angle = angles[index];
endToAngle += angle;
double startFromAngle = _startPieAngle + startToAngle;
double endFromAngle = _startPieAngle + endToAngle;
NSLog(@"slice layers %d", slicelayers.count);
layer = [self createSliceLayer];
if (isOnStart)
startFromAngle = endFromAngle = _startPieAngle;
[parentLayer addSublayer:layer];
diff--;
if( index >= [slicelayers count] )
{
layer = [self createSliceLayer];
if (isOnStart)
startFromAngle = endFromAngle = _startPieAngle;
[parentLayer addSublayer:layer];
diff--;
}
else
{
SliceLayer *onelayer = [slicelayers objectAtIndex:index];
if(diff == 0 || onelayer.value == (CGFloat)values[index])
{
layer = onelayer;
[layersToRemove removeObject:layer];
}
else if(diff > 0)
{
layer = [self createSliceLayer];
[parentLayer insertSublayer:layer atIndex:index];
diff--;
}
else if(diff < 0)
{
while(diff < 0)
{
[onelayer removeFromSuperlayer];
[parentLayer addSublayer:onelayer];
diff++;
onelayer = [slicelayers objectAtIndex:index];
if(onelayer.value == (CGFloat)values[index] || diff == 0)
{
layer = onelayer;
[layersToRemove removeObject:layer];
break;
}
}
}
}
layer.value = values[index];
layer.percentage = (sum)?layer.value/sum:0;
UIColor *color = nil;
if([_dataSource respondsToSelector:@selector(pieChart:colorForSliceAtIndex:)])
{
color = [_dataSource pieChart:self colorForSliceAtIndex:index];
}
if(!color)
{
color = [UIColor colorWithHue:((index/8)%20)/20.0+0.02 saturation:(index%8+3)/10.0 brightness:91/100.0 alpha:1];
}
[layer setFillColor:color.CGColor];
[layer createArcAnimationForKey:@"startAngle"
fromValue:[NSNumber numberWithDouble:startFromAngle]
toValue:[NSNumber numberWithDouble:startToAngle+_startPieAngle]
Delegate:self];
[layer createArcAnimationForKey:@"endAngle"
fromValue:[NSNumber numberWithDouble:endFromAngle]
toValue:[NSNumber numberWithDouble:endToAngle+_startPieAngle]
Delegate:self];
startToAngle = endToAngle;
}
[CATransaction setDisableActions:YES];
for(SliceLayer *layer in layersToRemove)
{
[layer setFillColor:[self backgroundColor].CGColor];
[layer setDelegate:nil];
[layer setZPosition:0];
CATextLayer *textLayer = [[layer sublayers] objectAtIndex:0];
[textLayer setHidden:YES];
}
[layersToRemove enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) {
[obj removeFromSuperlayer];
}];
[layersToRemove removeAllObjects];
for(SliceLayer *layer in _pieView.layer.sublayers)
{
[layer setZPosition:kDefaultSliceZOrder];
CGPoint currPos = layer.position;
double middleAngle = (layer.startAngle + layer.endAngle)/2;
CGPoint newPos = CGPointMake(currPos.x, currPos.y);
layer.position = newPos;
NSLog(@"seno %f coseno %f", _selectedSliceOffsetRadius*cos(middleAngle), _selectedSliceOffsetRadius*sin(middleAngle));
NSLog(@"value: %f", layer.value);
NSLog(@"asa %f %f middle: %f",layer.startAngle,layer.endAngle, middleAngle);
NSLog(@"position x: %f", layer.position.x);
NSLog(@"postion y: %f", layer.position.y);
}
[_pieView setUserInteractionEnabled:NO];
[CATransaction setDisableActions:NO];
[CATransaction commit];
}
}
现在,当我更改以下行时:
CGPoint newPos = CGPointMake(currPos.x, currPos.y);
到:
CGPoint newPos = CGPointMake(currPos.x + _selectedSliceOffsetRadius*cos(middleAngle), currPos.y + _selectedSliceOffsetRadius*sin(middleAngle));
如果切片相等,我会得到预期的结果,如果它们不相等,我会得到与此类似的图像:
顺便说一句,_selectedSliceOffsetRadius = 10;
。过去一天我一直在研究这个问题,已经接近完成,但还没有准备好。
如有任何建议,我们将不胜感激。
更新:
在得到下面的精彩回答后,我得到了以下结论:
边框上还有一条细线。我不确定为什么我会得到这种效果。
更新 2:
刚刚修正了在行中添加一个:
float radiusOfPieChart = self.pieChartRight.frame.size.width/2+1;
我猜这与图表的边距有关,因此稍微增加半径可以使问题消失。
最佳答案
我使用 XYPieChart 附带的示例项目来创建它。我以前从未使用过 XYPieChart 库/框架,所以下面的代码可能有点丰富,但应该可以。
// Some variables we're going to use
CGFloat totalValueOfSlices;
CGFloat offset = -90.0f /*YOUR_CHART_OFFSET (default should be -90)*/;
CGFloat percentage = 0;
CGPoint originOfPieChart = CGPointMake(self.pieChart.frame.size.width/2, self.pieChart.frame.size.height/2);
CGFloat radiusOfPieChart = self.pieChart.frame.size.width/2;
UIBezierPath *path = [UIBezierPath bezierPath];
// The first thing we want to know is what our total value of the piechart is
for(NSNumber *number in self.slices)
{
totalValueOfSlices += [number floatValue];
}
// Now for each slice, we're going to draw a line
for (NSNumber *number in _slices)
{
// move point to the origin of the pie chart
[path moveToPoint:originOfPieChart];
// Get the value of the current slice
CGFloat sliceValueAsFloat = [number floatValue];
// Calculate how much percentage this is based on the totalValueOfSlices and the previous percentages
percentage += sliceValueAsFloat/totalValueOfSlices;
// We multiply the percentage by 360, so we get the degrees
CGFloat degrees = percentage * 360 + offset;
// Now we turn degrees to radians, we use them in the next formula
CGFloat radians = degrees * 0.0174532925;
// Now Based on the radians, radius and origin, we're going to calculate where to draw to
CGFloat x = originOfPieChart.x + (radiusOfPieChart * cos(radians));
CGFloat y = originOfPieChart.y + (radiusOfPieChart * sin(radians));
// Time to draw our line
[path addLineToPoint:CGPointMake(x, y)];
}
// Now we're going to add a sublayer to the piechart, that adds our drawn lines
CAShapeLayer *shapeLayer = [CAShapeLayer layer];
shapeLayer.path = [path CGPath];
shapeLayer.strokeColor = [[UIColor blueColor] CGColor]; /*YOUR_BACKGROUND_COLOR*/;
shapeLayer.lineWidth = 16.0;
shapeLayer.fillColor = [[UIColor clearColor] CGColor];
[self.pieChart.layer addSublayer:shapeLayer];
关于ios - 尝试使用 QuartzCore 在饼图上实现偏移半径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25869070/
我正在尝试从第 4 到 9 页以及第 12 和 13 页上的单元格中清除所有内容(包括图像)。我有以下代码,但它正在清除第 3-9 和 12-15 页中的内容,我不知道为什么。 有什么想法吗? Sub
有没有办法增加极坐标图刻度标签(θ)的填充/偏移? import matplotlib import numpy as np from matplotlib.pyplot import figure,
我正在调用本地 API 并尝试以分页 样式进行操作。我有 n 张图片,我想将它们分成 n/4 行(每行 4 张图片)。因此,我正在调用我的 API,images/count,offset。但不知何故,
我的问题解释起来有点棘手,但无论如何我都会尝试。我有两个水平选项卡,当您单击它们时,会打开一个文本框内容。当他们被点击时,我试图“关注”他们。我在网上找到了很多资料,但除了我在下面显示的这段代码外,没
所以我有一个 float 的 div,我需要它始终向右 200 像素,并填充窗口的其余部分。有没有某种跨浏览器兼容的方法,我可以在不借助 javascript 的情况下使宽度填满页面的其余部分? 最佳
我有以下片段 $('html,body').animate({scrollTop: $('#menu').offset().top}, 'slow'); 单击链接时,我希望浏览器从#menu div
我目前正在为我的应用程序使用 JASidePanel,并且我有一个 UITableViewcontroller 和一个 UIRefreshControl 作为它的 ViewController 之一。
给出以下代码: imshow(np.arange(16*16).reshape(16,16)) cb = colorbar() cb.set_label("Foo") cb.set_ticks([0,
我是编程新手,我认为 VBA 是一个很好的起点,因为我在 Excel 中做了很多工作。 我创建了一个宏,它从输入框中获取一个整数(我一直使用 2、3 和 4 来测试),并创建该数字的一组 4 层层次结
我在 PHP 中有一个 unix 时间戳: $timestamp = 1346300336; 然后我有一个我想要应用的时区的偏移量。基本上,我想应用偏移量并返回一个新的 unix 时间戳。偏移量遵循这
演示:http://jsfiddle.net/H45uY/6/ 我在这里想做的是将 的左上角设为跟随鼠标。代码在没有段落的情况下工作正常(请参阅上面的演示),但是当您添加段落时,被向上推,鼠标位于盒
假设我们有两个由无符号长(64 位)数组表示的位图。我想使用特定的移位(偏移)合并这两个位图。例如,将位图 1(较大)合并到位图 2(较小)中,起始偏移量为 3。偏移量 3 表示位图 1 的第 3 位
通过在 pageViewController 中实现 tableView,tableView 与其显示的内容不一致。对此最好的解决办法是什么? 最佳答案 如果您的 TableView 是 View C
我设置了一个在 nib 中显示地点信息的地点配置文件。当我在标准屏幕流程中推送此 View 时,它工作正常。但是,当我从另一个选项卡推送此 View 时,UINavigationBar 似乎抵消了它,
如果我想选择 5 条记录,我会这样做: SELECT * FROM mytable LIMIT 5 如果我想添加偏移量,我会这样做: SELECT * FROM mytable OFFSET 5 LI
我有一个应用程序,其中某些 View 需要全屏,而其他 View 不需要全屏。在某些情况下,我希望背景显示在状态栏下方,所以我在 View 加载时使用它来使 Activity 全屏显示: window
在下图中,我进行绘制,结果位于 A 点,就在我手指接触的地方。 如何使图像显示在实际触摸上方约 40pt。 (二) 我正在使用经典的 coreGraphic UITouch 代码,如下所示: - (v
只要键盘处于事件状态,我就会尝试偏移 UITextField,效果很好,直到我尝试了表情符号布局。有没有办法检测键盘输入的类型,以便找出高度差?谢谢 最佳答案 不是使用 UIKeyboardDidSh
这是我的 Swift 代码 (AppDelegate.swift): var window: UIWindow? var rootViewController :UIViewController? f
我有一个 div 作为绝对定位的 body 的直接子节点,其 css 属性定义如下: div[id^="Container"] { display: block; position: a
我是一名优秀的程序员,十分优秀!