基础面积图

阅读时间约 1 分钟

演示

数据(jsonString)

下述 jsonData 对应数据

[{"time": "Jan.","tem": 1000}, {"time": "Feb.","tem": 2200}, 
 {"time": "Mar.","tem": 2000}, {"time": "Apr.","tem": 2600}, 
 {"time": "May.","tem": 2000}, {"time": "Jun.", "tem": 2600},
 {"time": "Jul.","tem": 2800}, {"time": "Aug.","tem": 2000}]

iOS

F2CanvasView *canvasView =[F2CanvasView canvas:self.frame];
F2Chart *chart = [F2Chart chart:canvasView.bounds.size name:NSStringFromClass([self class])];
chart.canvas(canvasView).padding(20, 10, 20, 0.f).source(jsonData);
chart.scale(@"tem", @{@"min": @(0)});
chart.axis(@"time", @{@"grid": @(NO), @"label": @{@"textAlign": @"start"}});
chart.line().position(@"time*tem").fixedSize(2);
chart.area().position(@"time*tem");
chart.render();

Android

mChart.setCanvas(canvasView);
mChart.padding(10, 0, 0, 0);
mChart.source(Utils.loadAssetFile(canvasView.getContext(), "mockData_singleAreaChart.json"));
mChart.setAxis("time", new F2Chart.AxisConfigBuilder()
.label(new F2Chart.AxisLabelConfigBuilder().labelOffset(5.f)) .gridHidden());
mChart.setAxis("tem", new F2Chart.AxisConfigBuilder()
.grid(new F2Chart.AxisGridConfigBuilder().type("dash")));
mChart.setScale("tem", new F2Chart.ScaleConfigBuilder().min(0));
mChart.line().position("time*tem");
mChart.area().position("time*tem");
mChart.render();