iOS 折线图双Y轴

简介: 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)]);

        }]]);

    }];

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 这篇文章主要讲述Echarts设置字体和线条的颜色相关操作笔记,希望文章对你有所帮助,主要是自己的在线笔记吧。我在...
    蓝色梦想家阅读 13,419评论 1 1
  • 下面是挑选出的9个 JavaScript 图表库: Chart.js Chartist FlexChart Ech...
    zhangxuepeng阅读 10,450评论 0 5
  • 此次后台使用的语言是PHP,遇到的问题就是后台的数组传递到前台,前台页面控制台输出的是Arra{native co...
    youthz阅读 7,512评论 0 2
  • 红豆不识,花落无情,相思有谁怜,梦断无人知,磐石流水有时尽,万里长歌君未听,谁解我情怀,谁是我知音?...
    艾米读书写作阅读 1,211评论 0 2
  • 1、 最后讲两句,小编是一个在家里带小孩子的男人,从事IT,负责接些散活赚点零花。有关于互联网方面的工作,可以在公...
    ufomail阅读 2,755评论 0 0

友情链接更多精彩内容