1.拖入項目Echart
屏幕快照 2017-09-15 下午5.31.55.png
2.在需要的地方新建xib 拖進去一個view 繼承與PYZoomEchartsView
WechatIMG4.jpeg
3加載數(shù)據(jù)
[_chartView setOption:[PYLineDemoOptions basicAreaOption:numArr DateArr:dateArr]];
[_chartView loadEcharts];
+ (PYOption *)basicAreaOption:(NSArray*)dataArr DateArr:(NSArray*)dateArr{
return [PYOption initPYOptionWithBlock:^(PYOption *option) {
option
// .titleEqual([PYTitle initPYTitleWithBlock:^(PYTitle *title) {
// title.textEqual(@"").subtextEqual(@"數(shù)據(jù)由合金寶提供");
// }])
.gridEqual([PYGrid initPYGridWithBlock:^(PYGrid *grid) {
grid.xEqual(@45).x2Equal(@20);
grid.yEqual(@20).y2Equal(@30);
}])
.tooltipEqual([PYTooltip initPYTooltipWithBlock:^(PYTooltip *tooltip) {
tooltip.triggerEqual(PYTooltipTriggerAxis);
}])
.calculableEqual(YES)
.addXAxis([PYAxis initPYAxisWithBlock:^(PYAxis *axis) {
axis.typeEqual(PYAxisTypeCategory).boundaryGapEqual(@NO).addDataArr(dateArr);
}])
.addYAxis([PYAxis initPYAxisWithBlock:^(PYAxis *axis) {
axis.typeEqual(PYAxisTypeValue);
axis.minEqual(@(5000));
axis.maxEqual(@(9000));
axis.splitNumberEqual(@(5));
}])
.addSeries([PYCartesianSeries initPYCartesianSeriesWithBlock:^(PYCartesianSeries *series) {
series.smoothEqual(YES)
.symbolSizeEqual(@(0))
.nameEqual(@"價格")
.typeEqual(PYSeriesTypeLine)
.itemStyleEqual([PYItemStyle initPYItemStyleWithBlock:^(PYItemStyle *itemStyle) {
itemStyle.normalEqual([PYItemStyleProp initPYItemStylePropWithBlock:^(PYItemStyleProp *normal) {
normal.areaStyleEqual([PYAreaStyle initPYAreaStyleWithBlock:^(PYAreaStyle *areaStyle) {
areaStyle.typeEqual(PYAreaStyleTypeDefault);
}]);
}]);
}])
.dataEqual(dataArr);
}]);
}];
}
_chartView就是拖進xib的View
還有很多類型的圖表
屏幕快照 2017-09-15 下午5.46.05.png
屏幕快照 2017-09-15 下午5.45.45.png
屏幕快照 2017-09-15 下午5.46.18.png
屏幕快照 2017-09-15 下午5.46.34.png
屏幕快照 2017-09-15 下午5.46.45.png