基础面积图
演示
数据(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(); |