iOS-中集成百度echarts3-0

最新推荐文章于 2024-04-24 08:20:04 发布
最新推荐文章于 2024-04-24 08:20:04 发布
阅读量307 收藏
点赞数
文章标签： javascript json 前端 ViewUI
原文链接：https://juejin.im/post/5a309c925188257db3727c6e
版权

突然项目中要用到图表，所以就用了百度的echarts，然后就是网上搜了一下，由于本人的JS不是很熟悉，但是研究了一下还是做出来了，其实也不是很难 最后做的效果大概如下图这种，由于界面上没调整，所以粗糙了一点!

不多说 前端的代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="echarts.js"></script>
<script type="text/javascript" language="javascript">
var title = "";
var subtext = "";
var legendData;
var xAxisData;
var valueDate;
var valueDateA;
var valueDateB;
var valueDateC;
var subType;
var series;
var myChart = null;
var option;

function setLegendData(legendDat) {
legendData = legendDat;
}
function  setXAxisData(xAxisDat
){
xAxisData = xAxisDat;
}
function setValueDate(valueDat){
valueDate = valueDat;
}
function setValueDateA(valuedatA){
valueDateA = valuedatA;
}
function setValueDateB(valuedatB){
valueDateB = valuedatB;
}

function setValueDateC(valuedatC){
valueDateC = valuedatC;
}

function setSubType(type) {
if(type == "I"){
legendData = new Array('A相电流','B相电流','C相电流');
series = [{
name:legendData[0],
type:'line',
data:valueDateA
},
{
name:legendData[1],
type:'line',
data:valueDateB
},
{
name:legendData[2],
type:'line',
data:valueDateC
},
];
title = "电流曲线";
subtext = "单位（A）"
}else if(type == "U"){
legendData = new Array('A相电压','B相电压','C相电压');
series = [{
name:legendData[0],
type:'line',
data:valueDateA
},
{
name:legendData[1],
type:'line',
data:valueDateB
},
{
name:legendData[2],
type:'line',
data:valueDateC
},
];
title = "电压曲线";
subtext = "单位（V）"
}else if(type == "P"){
legendData = new Array('总有功功率','A相有功功率','B相有功功率','C相有功功率');
series = [{
name:legendData[0],
type:'line',
data:valueDate
},
{
name:legendData[1],
type:'line',
data:valueDateA
},
{
name:legendData[2],
type:'line',
data:valueDateB
},
{
name:legendData[3],
type:'line',
data:valueDateC
}
];

title = "有功功率曲线";
subtext = "单位（kW）"
}else if(type == "Q"){
legendData = new Array('总无功功率','A相无功功率','B相无功功率','C相无功功率');
series = [{
name:legendData[0],
type:'line',
data:valueDate
},
{
name:legendData[1],
type:'line',
data:valueDateA
},
{
name:legendData[2],
type:'line',
data:valueDateB
},
{
name:legendData[3],
type:'line',
data:valueDateC
}
];

title = "无功功率曲线";
subtext = "单位（kVar）"
}else if(type == "S"){
legendData = new Array('总视在功率','A相视在功率','B相视在功率','C相视在功率');
series = [{
name:legendData[0],
type:'line',
data:valueDate
},
{
name:legendData[1],
type:'line',
data:valueDateA
},
{
name:legendData[2],
type:'line',
data:valueDateB
},
{
name:legendData[3],
type:'line',
data:valueDateC
}
];
title = "视在功率曲线";
subtext = "单位（kW）"

}else if(type == "cos"){
legendData = new Array('总功率因数','A相功率因数','B相功率因数','C相功率因数');
series = [{
name:legendData[0],
type:'line',
data:valueDate
},
{
name:legendData[1],
type:'line',
data:valueDateA
},
{
name:legendData[2],
type:'line',
data:valueDateB
},
{
name:legendData[3],
type:'line',
data:valueDateC
}
];
title = "视在功率曲线";

}
}

function update() {
// 指定图表的配置项和数据
option = {

title: {
//            text: title,
subtext:subtext
},
toolbox: {
show: true,
feature: {
dataZoom: {
yAxisIndex: 'none'
},
}
},
tooltip: {
trigger: 'axis'
},
legend: {
data:legendData
},

xAxis:  {
type: 'category',
boundaryGap: false,
data: xAxisData
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value}'
}
},
series: series
};
myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);
}






</script>
</head>
<body>
<div id="main" style="width: 100%;height:230px;"></div>
<script type="text/javascript" language="javascript">

</script>

</body>
</html>
复制代码

json 文件代码如下

{
"status": "1",
"message": "成功",
"data": [
{
"p": "174",
"qb": "33",
"q": "39",
"qc": "50",
"ia": "27",
"fixTimeDate": "1490284800000",
"s": "127",
"cosb": "93",
"cos": "29",
"ib": "30",
"ua": "10720",
"ub": "10387",
"ic": "23",
"devId": "8a3ae71e5ac56347015ac6520afd0002",
"uc": "10646",
"id": "418A48AEDFAA4236854388B4F38D41F6",
"pa": "144",
"recTime": "1490284599000",
"sa": "137",
"cosc": "58",
"pb": "187",
"sb": "109",
"pc": "132",
"sc": "119",
"cosa": "20",
"qa": "31"
},
{
"p": "174",
"qb": "33",
"q": "39",
"qc": "50",
"ia": "27",
"fixTimeDate": "1490284800000",
"s": "127",
"cosb": "93",
"cos": "29",
"ib": "30",
"ua": "10720",
"ub": "10387",
"ic": "23",
"devId": "8a3ae71e5ac56347015ac6520afd0002",
"uc": "10646",
"id": "418A48AEDFAA4236854388B4F38D41F6",
"pa": "144",
"recTime": "1490284599000",
"sa": "137",
"cosc": "58",
"pb": "187",
"sb": "109",
"pc": "132",
"sc": "119",
"cosa": "20",
"qa": "31"
},
{
"p": "174",
"qb": "33",
"q": "39",
"qc": "50",
"ia": "27",
"fixTimeDate": "1490284800000",
"s": "127",
"cosb": "93",
"cos": "29",
"ib": "30",
"ua": "10720",
"ub": "10387",
"ic": "23",
"devId": "8a3ae71e5ac56347015ac6520afd0002",
"uc": "10646",
"id": "418A48AEDFAA4236854388B4F38D41F6",
"pa": "144",
"recTime": "1490284599000",
"sa": "137",
"cosc": "58",
"pb": "187",
"sb": "109",
"pc": "132",
"sc": "119",
"cosa": "20",
"qa": "31"
},
{
"p": "174",
"qb": "33",
"q": "39",
"qc": "50",
"ia": "27",
"fixTimeDate": "1490284800000",
"s": "127",
"cosb": "93",
"cos": "29",
"ib": "30",
"ua": "10720",
"ub": "10387",
"ic": "23",
"devId": "8a3ae71e5ac56347015ac6520afd0002",
"uc": "10646",
"id": "418A48AEDFAA4236854388B4F38D41F6",
"pa": "144",
"recTime": "1490284599000",
"sa": "137",
"cosc": "58",
"pb": "187",
"sb": "109",
"pc": "132",
"sc": "119",
"cosa": "20",
"qa": "31"
}
]
}
复制代码

这里做的只是一个测试项目 ，所以json 里面的数据都是一样的

控制器中设立了一个表格 然后读取本地的数据

#import "ViewController.h"
#import "HistoryDateCell.h"
#import "HistoryDateModel.h"
#import "MJExtension.h"
@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>
/** 表格 */
@property(strong,nonatomic) UITableView *tableView;
@property(strong,nonatomic) NSArray *historyArray;

@end

@implementation ViewController
static NSString *HistoryDateCellID = @"HistoryDateCellId";

- (void)viewDidLoad {
[super viewDidLoad];
[self setupTableView];
[self initJson];

}


#pragma mark - JSON 解析
-(void)initJson{
NSString *filePath = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"json"];
NSData *jdata = [[NSData alloc]initWithContentsOfFile:filePath];

NSDictionary *hisDict = [NSJSONSerialization JSONObjectWithData:jdata options:kNilOptions error:nil];
self.historyArray = [HistoryDateModel mj_objectArrayWithKeyValuesArray:hisDict[@"data"]];
}

#pragma mark - 设置表格
-(void)setupTableView{
self.tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
for (UIView *subView in self.tableView.subviews) {
if ([subView isKindOfClass:[UIScrollView class]]) {
((UIScrollView *)subView).delaysContentTouches = NO;
}
}
self.tableView.delaysContentTouches = NO;

self.tableView.delegate = self;
self.tableView.dataSource = self;
[self.tableView registerNib:[UINib nibWithNibName:NSStringFromClass([HistoryDateCell class]) bundle:nil] forCellReuseIdentifier:HistoryDateCellID];

[self.view addSubview:self.tableView];



}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
return 1;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
HistoryDateCell *cell = [tableView dequeueReusableCellWithIdentifier:HistoryDateCellID];
cell.historyDate = self.historyArray;
cell.selectionStyle = UITableViewCellSelectionStyleNone;
return cell;
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 320;

}

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
[tableView deselectRowAtIndexPath:indexPath animated:YES];
}


- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}


@end
复制代码

然后 话折线图的代码 都放在自定义cell 的代码里面，具体如下，我这里是对传入的参数进行了分类 真正测试的话不会有这个复杂，并且我用的是wkwebview，这个的内存泄露没UIwebview那么严重，所以就用了这个

#import "HistoryDateCell.h"
#import "HistoryDateModel.h"
#import <WebKit/WebKit.h>
#import "TimeTools.h"

#define BTN_BACKCOLOR JdryRGBColorAlpha(25, 180, 212, 0.2)
#define SELECTBTN_BACKCOLOR JdryColorFromHex(0xFFFFFF)
/* 颜色进行宏定义 */
#define JdryColorFromHex(s)  [UIColor colorWithRed:(((s & 0xFF0000) >> 16))/255.0 green:(((s &0xFF00) >>8))/255.0 blue:((s &0xFF))/255.0 alpha:1.0]
#define JdryRGBColor(r,g,b) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blue:(b)/255.0 alpha:1.0]
#define JdryRGBColorAlpha(r,g,b,a) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blue:(b)/255.0 alpha:a];
#define BACK_COLOR JdryColorFromHex(0xE8F0F2)
#define BLUE_COLOR JdryColorFromHex(0x19B5D4)
#define RED_COLOR JdryColorFromHex(0xF95656)

/* 获取设备屏幕的大小 */
#define JdryScreeWidth [UIScreen mainScreen].bounds.size.width
#define JdryScreeHeight [UIScreen mainScreen].bounds.size.height
#define JdryScreeBounds [UIScreen mainScreen].bounds
@interface HistoryDateCell ()<WKNavigationDelegate>
@property (weak, nonatomic) IBOutlet UIButton *dayBtn;
@property (weak, nonatomic) IBOutlet UIButton *monthBtn;
@property (weak, nonatomic) IBOutlet UIButton *yearBtn;
/** echart */
@property(strong,nonatomic) WKWebView *wkWebView;
/** xAxisData */
@property(strong,nonatomic) NSString *xAxisData;
/** 总 */
@property(strong,nonatomic) NSMutableString *valueDat;
/** A */
@property(strong,nonatomic) NSMutableString *valueDatA;
/** B */
@property(strong,nonatomic) NSMutableString *valueDatB;
/** C */
@property(strong,nonatomic) NSMutableString *valueDatC;
/** X轴 */
@property(strong,nonatomic) NSMutableString *xAxis;

@end

@implementation HistoryDateCell

- (void)awakeFromNib {
[super awakeFromNib];

self.xAxis = [NSMutableString string];
[self setEcharts:self.webContentView];
}

-(void)setHistoryDate:(NSArray *)historyDate{
_historyDate = historyDate;
self.subType = @"cos";
self.timeType = @"2";
[self selectSubType:self.subType timeType:_timeType];
}

-(void)selectSubType:(NSString *)subType timeType:(NSString *)timeType{
self.valueDat = [NSMutableString string];
self.valueDatA = [NSMutableString string];
self.valueDatB = [NSMutableString string];
self.valueDatC = [NSMutableString string];

if ([subType isEqualToString:@"I"]) {
for (HistoryDateModel *model in _historyDate) {
[_valueDatA appendString:[NSString stringWithFormat:@"'%@',",model.ia]];
[_valueDatB appendString:[NSString stringWithFormat:@"'%@',",model.ib]];
[_valueDatC appendString:[NSString stringWithFormat:@"'%@',",model.ic]];
}
}else if ([subType isEqualToString:@"U"]){
for (HistoryDateModel *model in _historyDate) {
[_valueDatA appendString:[NSString stringWithFormat:@"'%@',",model.ua]];
[_valueDatB appendString:[NSString stringWithFormat:@"'%@',",model.ub]];
[_valueDatC appendString:[NSString stringWithFormat:@"'%@',",model.uc]];
}
}else if ([subType isEqualToString:@"P"]){
for (HistoryDateModel *model in _historyDate) {
[_valueDat appendString:[NSString stringWithFormat:@"'%@',",model.p]];
[_valueDatA appendString:[NSString stringWithFormat:@"'%@',",model.pa]];
[_valueDatB appendString:[NSString stringWithFormat:@"'%@',",model.pb]];
[_valueDatC appendString:[NSString stringWithFormat:@"'%@',",model.pc]];
}
}else if ([subType isEqualToString:@"Q"]){
for (HistoryDateModel *model in _historyDate) {
[_valueDat appendString:[NSString stringWithFormat:@"'%@',",model.q]];
[_valueDatA appendString:[NSString stringWithFormat:@"'%@',",model.qa]];
[_valueDatB appendString:[NSString stringWithFormat:@"'%@',",model.qb]];
[_valueDatC appendString:[NSString stringWithFormat:@"'%@',",model.qc]];
}
}else if ([subType isEqualToString:@"S"]){
for (HistoryDateModel *model in _historyDate) {
[_valueDat appendString:[NSString stringWithFormat:@"'%@',",model.s]];
[_valueDatA appendString:[NSString stringWithFormat:@"'%@',",model.sa]];
[_valueDatB appendString:[NSString stringWithFormat:@"'%@',",model.sb]];
[_valueDatC appendString:[NSString stringWithFormat:@"'%@',",model.sc]];
}
}else if ([subType isEqualToString:@"cos"]){
for (HistoryDateModel *model in _historyDate) {
[_valueDat appendString:[NSString stringWithFormat:@"'%@',",model.cos]];
[_valueDatA appendString:[NSString stringWithFormat:@"'%@',",model.cosa]];
[_valueDatB appendString:[NSString stringWithFormat:@"'%@',",model.cosb]];
[_valueDatC appendString:[NSString stringWithFormat:@"'%@',",model.cosc]];
}
}

for (HistoryDateModel *model in _historyDate) {
if ([timeType isEqualToString:@"0"]) {
[_xAxis appendString:[NSString stringWithFormat:@"'%@',",[TimeTools timeWithDateAndHourAndMIn:model.fixTimeDate]]];
}else if ([timeType isEqualToString:@"1"]){
[_xAxis appendString:[NSString stringWithFormat:@"'%@',",[TimeTools timeWithDayAndMonthString:model.fixTimeDate]]];
}else if ([timeType isEqualToString:@"2"]){
[_xAxis appendString:[NSString stringWithFormat:@"'%@月',",[TimeTools timeWithDateAndMonth:model.fixTimeDate]]];
}

}


if (![subType isEqualToString:@"I"] && ![subType isEqualToString:@"U"]) {
[_valueDat deleteCharactersInRange:NSMakeRange(_valueDat.length -1, 1)];
}
[_valueDatA deleteCharactersInRange:NSMakeRange(_valueDatA.length -1, 1)];
[_valueDatB deleteCharactersInRange:NSMakeRange(_valueDatB.length -1, 1)];
[_valueDatC deleteCharactersInRange:NSMakeRange(_valueDatC.length -1, 1)];
[_xAxis deleteCharactersInRange:NSMakeRange(_xAxis.length -1, 1)];
}

#pragma mark - 设置echarts
-(void)setEcharts:(UIView *)contentView{
NSString *path = [[NSBundle mainBundle] pathForResource:@"HistoryData" ofType:@"html"];
self.wkWebView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, JdryScreeWidth - 30, 406)];
if(path){
if ([[UIDevice currentDevice].systemVersion floatValue] >= 9.0) {
NSURL *fileURL = [NSURL fileURLWithPath:path];
[self.wkWebView loadFileURL:fileURL allowingReadAccessToURL:fileURL];
} else {
NSURL *fileURL = [self fileURLForBuggyWKWebView8:[NSURL fileURLWithPath:path]];
NSURLRequest *request = [NSURLRequest requestWithURL:fileURL];
[self.wkWebView loadRequest:request];
}
}
self.wkWebView.navigationDelegate = self;
[contentView addSubview: self.wkWebView];
}

- (NSURL *)fileURLForBuggyWKWebView8:(NSURL *)fileURL {
NSError *error = nil;
if (!fileURL.fileURL || ![fileURL checkResourceIsReachableAndReturnError:&error]) {
return nil;
}
// Create "/temp/www" directory
NSFileManager *fileManager= [NSFileManager defaultManager];
NSURL *temDirURL = [[NSURL fileURLWithPath:NSTemporaryDirectory()] URLByAppendingPathComponent:@"www"];
[fileManager createDirectoryAtURL:temDirURL withIntermediateDirectories:YES attributes:nil error:&error];

NSURL *dstURL = [temDirURL URLByAppendingPathComponent:fileURL.lastPathComponent];
// Now copy given file to the temp directory
[fileManager removeItemAtURL:dstURL error:&error];
[fileManager copyItemAtURL:fileURL toURL:dstURL error:&error];
// Files in "/temp/www" load flawlesly :)
return dstURL;
}

-(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{

[self.wkWebView evaluateJavaScript:[NSString stringWithFormat:@"setValueDate([%@])",_valueDat] completionHandler:^(id dict, NSError * error) {
NSLog(@"%@",error);

}];

[self.wkWebView evaluateJavaScript:[NSString stringWithFormat:@"setValueDateA([%@])",_valueDatA] completionHandler:^(id dict, NSError * error) {
NSLog(@"%@",error);

}];

[self.wkWebView evaluateJavaScript:[NSString stringWithFormat:@"setValueDateB([%@])",_valueDatB]completionHandler:^(id dict, NSError * error) {
NSLog(@"%@",error);

}];

[self.wkWebView evaluateJavaScript:[NSString stringWithFormat:@"setValueDateC([%@])",_valueDatC] completionHandler:^(id dict, NSError * error) {
NSLog(@"%@",error);

}];

[self.wkWebView evaluateJavaScript:[NSString stringWithFormat:@"setXAxisData([%@])",_xAxis]
completionHandler:^(id dict, NSError * error) {
NSLog(@"%@",error);

}];

[self.wkWebView evaluateJavaScript:[NSString stringWithFormat:@"setSubType('%@')",self.subType]
completionHandler:^(id dict, NSError * error) {



NSLog(@"%@",error);

}];
[self.wkWebView evaluateJavaScript:@"update()" completionHandler:^(id dict, NSError * error) {
NSLog(@"%@",error);

}];


}

-(void)setFrame:(CGRect)frame{
frame.origin.y = frame.origin.y += 10;
frame.size.height = frame.size.height -= 10;

[super setFrame:frame];
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
[super setSelected:selected animated:animated];

// Configure the view for the selected state
}
- (IBAction)selectDay:(UIButton *)sender {
sender.backgroundColor = SELECTBTN_BACKCOLOR;
self.monthBtn.backgroundColor = BTN_BACKCOLOR;
self.yearBtn.backgroundColor = BTN_BACKCOLOR;
}


- (IBAction)selectMonth:(UIButton *)sender {
sender.backgroundColor = SELECTBTN_BACKCOLOR;
self.dayBtn.backgroundColor = BTN_BACKCOLOR;
self.yearBtn.backgroundColor = BTN_BACKCOLOR;
}


- (IBAction)selectYear:(UIButton *)sender {
sender.backgroundColor = SELECTBTN_BACKCOLOR;
self.monthBtn.backgroundColor = BTN_BACKCOLOR;
self.dayBtn.backgroundColor = BTN_BACKCOLOR;
}

@end
复制代码
weixin_33921089
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Swift使用Echarts的Demo
05-02
Swift使用Echarts的Demo
【记录】uniapp | ios端无法正常显示echarts柱状图
weixin_46277020的博客
08-31 525
在uniapp 移动端中使用echarts时间柱状图时，安卓端的图表正常显示，而ios端无法显示。
微信小程序使用echarts，在ios系统下无法滑动
最新发布
qq_41687299的博客
04-24 274
判断当前系统是安卓还是苹果，如果是苹果系统就去掉canvas的bindtouchstart。、bindtouchmove、bindtouchend的三个事件亲测有用。
iOS 使用百度图表插件Echarts
Ma_Yingjiao的博客
10-06 5868
最近开发的iOS应用使用了百度的图表插件echarts，在这里做下记录 echarts 官网：http://echarts.baidu.com/ 步骤就是首先在iOS里建几个常用的图表模板：柱状图、饼图、折线图，如果用到其他可以去官网看例子； 以柱状图为例,我的命名是chart_bar.html： title:是标题，ocData:是X轴的名称，ocValueData:是具体是数值
ios使用echarts时，如果数据过长导致canves高度过高，图表不显示
kopppo7的博客
09-04 199
【代码】ios使用echarts时，如果数据过长导致canves高度过高，图表不显示。
iOS Swift Charts 的使用(一)：折线图的实现
kmonarch的博客
09-18 6926
最近项目中遇到了需要获取网站上的数据，然后以折线图的方式表示出来的需求。于是发现了swift下非常强大的图表库-# Charts 下面是这个系列的几篇汇总： 1、折线图 2、柱状图 3、饼状图 下面开始折线图的实现 首先，我们可以通过cocoapods 的方式，方便的导入Charts，接下来我们就可以撸代码了。 因为代码中基本每个功能后都有注释，所以就不多做解释，直接贴代码： func te...
适合uni-app 使用的echarts图表组件，开箱即用！
09-23
”表明这是一个专门为uni-app框架设计的ECharts图形库组件，旨在简化在uni-app中集成数据可视化的过程。uni-app是一个跨平台的前端开发框架，允许开发者用一套代码实现多端（如iOS、Android、H5、小程序等）的应用...
uni-app echarts所有示例
11-30
在"mpvue-echarts-master"这个文件夹中，你可能找到以下内容： 1. **示例代码**：包含了各种类型的图表示例，如line（折线图）、bar（柱状图）、pie（饼图）、scatter（散点图）等，每种图表都有详细的配置选项和...
swift-WBEChartsKit利用百度的h5图表库ECharts封装了一套iOS的库
08-15
`WBEChartsKit`是针对ECharts的iOS封装库，它允许开发者在iOS应用中直接使用ECharts的功能，而无需处理JavaScript和WebView的复杂交互。通过Swift接口，我们可以轻松地创建、配置和更新图表。 3. **Swift接口** -...
一个webview封装的图表组件基于百度echarts3
08-10
【标题】"一个webview封装的图表组件基于百度echarts3"揭示了这个项目的核心是将ECharts 3，一个流行的JavaScript数据可视化库，集成到React Native应用中。ECharts是由百度开发的一个开源项目，提供了丰富的图表...
iOS使用ECharts demo
04-23
本Demo将介绍如何在iOS应用中集成并使用ECharts。 首先，我们需要了解ECharts的基础知识。ECharts是一款基于Canvas的开源图表库，由百度公司开发，支持多种图表类型和丰富的交互功能。它采用JSON配置项和数据驱动...
iOS-ECharts的使用
01-19
iOS-ECharts的简单使用，ECharts是百度提供的一个庞大的图标库，可以满足各种图表的实现。 iOS-ECharts下载地址 https://github.com/Pluto-Y
swift-iOS-Echarts-将ECharts封装成iOS控件
08-15
本项目是将百度的ECharts(echarts2)工具封装成对应的iOS的控件，并且将其中javascript的属性封装成对应的对象。并且提供了链式编程，方面大家进行配置Echarts的属性。方便程序员在编写程序的过程中更加关注OC的代码.
Swift - 第三方图表库Charts使用详解14（柱状图1：基本用法）
Dermi
07-24 1149
一、基本用法 1，只有 1 组数据的柱状图 （1）效果图 原文:Swift - 第三方图表库Charts使用详解14（柱状图1：基本用法） （2）样例代码 import UIKit import Charts class ViewController: UIViewController { //柱状图图 var chartView: BarChartView! override func viewDidLoad() { super.viewDidLoad() //创建柱状图组
uniapp手机APP webview使用echarts显示问题（腾讯X5内核）
weixin_45059824的博客
06-23 4368
uniapp webview 腾讯X5内核
【无标题】echarts在ios里面显示不出来
emoji111111的博客
06-23 2156
echarts在ios里面显示不出来
iOS-Echarts动态图表控件的使用
热门推荐
tuwanli125的博客
07-06 1万+
最近做图表的时候也是很头疼，自己技术不到家没能自给动手画，别人有封装的不错的但是又不是太符合需求， 后来在网上看到了Echarts的使用，简单方便，就大概记录下下吧
iOS 中集成百度echarts3.0
diaozhuizhi0405的博客
03-26 204
突然项目中要用到图表，所以就用了百度的echarts，然后就是网上搜了一下，由于本人的JS不是很熟悉，但是研究了一下还是做出来了，其实也不是很难 最后做的效果大概如下图这种，由于界面上没调整，所以粗糙了一点 不多说 前端的代码如下 <!DOCTYPE html> <html> <head> <meta charse...
IOS charts框架 集成报错
lee727n的博客
07-28 5719
IOS开发涉及到图标的工作，相比都是使用charts来集成的。集成好以后上传SVN，别人down下来以后，总会出现报错。其实就像你没配置过一样。重新配置一下就好了。看图。down下的代码，没有charts的工程文件 下面看一下官方的集成说明： 翻译过来就是，拖拽工程到你的工程中，然后添加framework库文件，如果第一次添加的话，你又使用的OC，需要建立桥文件。然后@import ch
ios-swift中的MVC设计模式
06-09
在iOS Swift中，MVC（Model-View-Controller）是一种常用的设计模式，它可以帮助我们更好地组织应用程序的代码。以下是MVC的三个组成部分： 1. Model（模型）：代表应用程序的数据和业务逻辑，通常是一个类或结构体。 2. View（视图）：代表应用程序的用户界面，通常是一个或多个视图控制器。 3. Controller（控制器）：协调Model和View之间的通信，处理用户输入和应用程序逻辑，通常是一个视图控制器。 在MVC中，Model和View是相互独立的，Controller则充当了中介者的角色。View通过Controller来访问Model中的数据，Controller可以更新Model中的数据，然后通知View进行相应的更新。这种分离可以使代码更易于维护和重用，同时也使应用程序更加灵活和可扩展。 在iOS Swift中，我们可以使用UIKit框架来实现MVC模式。例如，我们可以将数据模型定义为一个Swift类，将视图定义为一个或多个视图控制器，将控制器定义为视图控制器的父类。然后，我们可以使用Delegation、Notification或Block等方式来建立视图和控制器之间的通信。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值