logoCreated with Sketch.

F2Native

Pie Chart

1 min read

Example

数据（jsonString）

Prepare jsonData like this

[{"name": "芳华","percent": 0.4,"a": "1"}, 
 {"name": "妖猫传","percent": 0.2,"a": "1"}, 
 {"name": "机器之血","percent": 0.18,"a": "1"}, 
 { "name": "心理罪","percent": 0.15,"a": "1"}, 
 {"name": "寻梦环游记","percent": 0.05,"a": "1"}, 
 {"name": "其他","percent": 0.12,"a": "1"}]

iOS

F2CanvasView *canvasView =[F2CanvasView canvas:self.frame];
F2Chart *chart = [F2Chart chart:canvasView.bounds.size name:NSStringFromClass([self class])];
chart.axis(@"percent", @{@"line": @(NO), @"label": @(NO)});
chart.axis(@"a", @{@"line": @(NO), @"label": @(NO)});
chart.coord(@{@"type": @"polar", @"transposed": @(YES)});
chart.interval().style(@{@"lineWidth": @(1)}).position(@"a*percent").color(@"name", @[]).adjust(@"stack");
chart.render();

Android

mChart.setCanvas(canvasView);
mChart.padding(10, 20, 0, 0);
mChart.source(Utils.loadAssetFile(canvasView.getContext(), "mockData_basePie.json"));
mChart.setAxis("percent", new F2Chart.AxisConfigBuilder()
.lineHidden() .labelHidden() .gridHidden());
mChart.setAxis("a", new F2Chart.AxisConfigBuilder()
.labelHidden().lineHidden().gridHidden());
mChart.setCoord(new F2Chart.CoordConfigBuilder().type("polar").transposed(true));
mChart.interval().position("a*percent")
.style(new F2Config.Builder()
.setOption("lineWidth", 3).build()).color("name").adjust("stack");
mChart.render();