Quartz2D柱状图

Love The Way You Lie 2022-08-27 05:57 176阅读 0赞

//

//  MyView.m

//  画图1

//

//  Created by lusl on 14-5-15.

//  Copyright (c) 2014年 ET. All rights reserved.

//

\#import "MyView.h"

\#import <CoreText/CoreText.h>

@implementation MyView

\- (id)initWithFrame:(CGRect)frame

\{

self = \[super initWithFrame:frame\];

if (self) \{

// Initialization code

\}

return self;

\}

\- (void)drawRect:(CGRect)rect\{

CGContextRef ctx=UIGraphicsGetCurrentContext();

/\*背景\*/

CGContextSetRGBFillColor(ctx, 0, 0.2, 0, 0.5);

CGContextFillRect(ctx, CGRectMake(0, 20,  320, 460));

CGContextSetRGBStrokeColor(ctx, 0, 0, 0, 1);

//X轴

CGContextMoveToPoint(ctx, 10,  220);

CGContextAddLineToPoint(ctx, 290,  220

);

//y轴

CGContextMoveToPoint(ctx, 10,  20);

CGContextAddLineToPoint(ctx, 10,  220);

CGContextSetLineWidth(ctx, 2);

CGContextSetStrokeColorWithColor(ctx, \[UIColorblackColor\].CGColor);

CGContextStrokePath(ctx);

/\*方柱\*/

CGContextSetRGBFillColor(ctx, 0, 0.8, 0.1,  0.5);

CGContextFillRect(ctx, CGRectMake(50, 120,  40, 100));

CGContextSetRGBFillColor(ctx, 0.9,  0.2, 0.1, 0.5);

CGContextFillRect(ctx, CGRectMake(120, 160,  50, 60));

CGContextSetRGBFillColor(ctx, 0.2,  0.4, 0.9, 0.5);

CGContextFillRect(ctx, CGRectMake(200, 50,  50, 170));

//字体倒立解决办法

CGAffineTransform fp=CGAffineTransformMake(1, 0, 0, -1, 0, 0);

CGContextSetTextMatrix(ctx, fp);

UniChar \*characters;

CGGlyph \*glyphs;

CFIndex count;

CGContextRef context=UIGraphicsGetCurrentContext();

CTFontRef ctFont =  CTFontCreateWithName(CFSTR("STHeitiSC-Light"), 20.0, NULL);

CTFontDescriptorRef ctFontDesRef =  CTFontCopyFontDescriptor(ctFont);

CGFontRef cgFont =  CTFontCopyGraphicsFont(ctFont,&ctFontDesRef );

CGContextSetFont(context, cgFont);

CFNumberRef pointSizeRef = (CFNumberRef)CTFontDescriptorCopyAttribute(ctFontDesRef,kCTFontSizeAttribute);

CGFloat fontSize;

CFNumberGetValue(pointSizeRef, kCFNumberCGFloatType,&fontSize);

CGContextSetFontSize(context, fontSize);

NSString\* str2 = @"ET年度财务报表";

count = CFStringGetLength((CFStringRef)str2);

characters = (UniChar \*)malloc(sizeof(UniChar) \* count);

glyphs = (CGGlyph \*)malloc(sizeof(CGGlyph) \* count);

CFStringGetCharacters((CFStringRef)str2, CFRangeMake(0, count), characters);

CTFontGetGlyphsForCharacters(ctFont, characters, glyphs, count);

CGContextShowGlyphsAtPoint(context,  50, 50, glyphs, str2.length);

\}

![Center][]

@end

[Center]: /images/20220824/419995772dab4b5185c117e67c07225f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECharts 实现3D重叠椭圆柱状图

1 实现代码（3D重叠椭圆柱状图） <body>  <div i

亦凉/ 2023年10月05日 11:29/ 0 赞/ 34 阅读

相关 Echart 基于geo的3D柱状图

echarts社区例子：[ECharts Gallery - 3d地图画线1 (makeapie.com)][ECharts Gallery - 3d_1 _makeapie.

超、凢脫俗/ 2022年12月25日 00:54/ 0 赞/ 546 阅读

相关 echarts 柱状图

官网： https://echarts.apache.org/zh/tutorial.html 显示柱状图：[https://echarts.apache.org/

深碍√TFBOYSˉ_/ 2022年12月11日 04:28/ 0 赞/ 299 阅读

相关 ECharts实现折线图变柱状图、ECharts实现立体柱状图、3D柱状图，ECharts立体柱状图属性

> 本文借助该链接做演示：[链接地址][Link 1] 1.ECharts实现折线图变柱状图把series写的type改成“line”即可如图： ![在这里

比眉伴天荒/ 2022年11月19日 04:28/ 0 赞/ 643 阅读

相关 Quartz2D柱状图

// // MyView.m // 画图1 // // Created by lusl on 14-5-15. // Copyright (c) 2014年

Love The Way You Lie/ 2022年08月27日 05:57/ 0 赞/ 177 阅读

相关 echarts-柱状图

效果图 ![这里写图片描述][SouthEast] 代码 <!DOCTYPE html> <html lang="en"> <head>

布满荆棘的人生/ 2022年06月08日 09:40/ 0 赞/ 369 阅读

相关 echarts柱状图

引入echarts的js包echarts.min.js 事例地址：echarts.baidu.com/examples.html\chart-type-bar [htt

梦里梦外;/ 2022年06月07日 20:49/ 0 赞/ 318 阅读

相关 canvas(柱状图)

html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

客官°小女子只卖身不卖艺/ 2022年06月03日 02:55/ 0 赞/ 250 阅读

相关利用js生成3D柱状图

1.引用js文件 <script src="${pageContext.request.contextPath }/js/highcharts.js"></scrip

拼搏现实的明天。/ 2022年05月17日 07:36/ 0 赞/ 231 阅读

相关 FusionCharts制作3D柱状图和折线图

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="U

分手后的思念是犯贱/ 2022年04月11日 08:29/ 0 赞/ 270 阅读