美文网首页
iOS 折线图双Y轴

iOS 折线图双Y轴

作者: 常绿箩 | 来源:发表于2018-04-08 14:42 被阅读253次

简介: Pluto-Y 对百度ECharts进行的封装iOS-Echarts

一、官网地址:http://echarts.baidu.com/echarts2/index.html,官网上有实例及文档说明

二、折线图双Y轴实现效果图:

效果图

三、折线图双Y轴核心代码

+ (PYOption*)standardLineOption {

    return [PYOption initPYOptionWithBlock:^(PYOption *option) {

        option.titleEqual([PYTitle initPYTitleWithBlock:^(PYTitle *title) {

            title.textEqual(@"")

            .subtextEqual(@"");

        }])

        .tooltipEqual([PYTooltip initPYTooltipWithBlock:^(PYTooltip *tooltip) {

            tooltip.triggerEqual(PYTooltipTriggerAxis);

        }])

        .gridEqual([PYGrid initPYGridWithBlock:^(PYGrid *grid) {

            grid.xEqual(@40).x2Equal(@50);

        }])

        .legendEqual([PYLegend initPYLegendWithBlock:^(PYLegend *legend) {

            legend.dataEqual(@[@"ns_csiqcs",@"ns_lbi",@"ns_cap",@"ns_spider"]);

        }])

        .addXAxis([PYAxis initPYAxisWithBlock:^(PYAxis *axis) {

            axis.typeEqual(PYAxisTypeCategory)

            .axisLabelEqual([PYAxisLabel initPYAxisLabelWithBlock:^(PYAxisLabel *axisLabel) {

                axisLabel.rotateEqual(@(45));

            }])

            .boundaryGapEqual(@NO)

            .addDataArr(@[@"2017082812",@"2017082813",@"2017082814",@"2017082814",@"2017082814",@"2017082814",@"2017082814"]);

        }])

        .addYAxisArr(@[[PYAxis initPYAxisWithBlock:^(PYAxis *axis) {

            axis.typeEqual(PYAxisTypeValue);

            axis.nameEqual(@"GB/日");

        }],

             [PYAxis initPYAxisWithBlock:^(PYAxis *axis) {

            axis.typeEqual(PYAxisTypeValue);

            axis.nameEqual(@"GB/日");

        }]])

        .addSeriesArr(@[[PYCartesianSeries initPYCartesianSeriesWithBlock:^(PYCartesianSeries *series) {

            series.nameEqual(@"ns_csiqcs");

            series.yAxisIndexEqual(@(1))

            .typeEqual(PYSeriesTypeLine)

            .dataEqual(@[@(11),@(11),@(15),@(13),@(12),@(13),@(10)]);

        }],[PYCartesianSeries initPYCartesianSeriesWithBlock:^(PYCartesianSeries *series) {

            series.nameEqual(@"ns_lbi")

            .typeEqual(PYSeriesTypeLine)

            .dataEqual(@[@(1),@(-2),@(2),@(5),@(3),@(2),@(0)]);

        }],[PYCartesianSeries initPYCartesianSeriesWithBlock:^(PYCartesianSeries *series) {

            series.nameEqual(@"ns_cap")

            .typeEqual(PYSeriesTypeLine)

            .dataEqual(@[@(11),@(11),@(15),@(13),@(12),@(13),@(10)]);

        }],[PYCartesianSeries initPYCartesianSeriesWithBlock:^(PYCartesianSeries *series) {

            series.nameEqual(@"ns_spider")

            .typeEqual(PYSeriesTypeLine)

            .dataEqual(@[@(7),@(4),@(10),@(-3),@(9),@(15),@(13)]);

        }]]);

    }];

}

相关文章

网友评论

      本文标题:iOS 折线图双Y轴

      本文链接:https://www.haomeiwen.com/subject/eeophftx.html