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)]);

? ? ? ? }]]);

? ? }];

}

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 這篇文章主要講述Echarts設置字體和線條的顏色相關操作筆記,希望文章對你有所幫助,主要是自己的在線筆記吧。我在...
    藍色夢想家閱讀 10,276評論 1 1
  • 下面是挑選出的9個 JavaScript 圖表庫: Chart.js Chartist FlexChart Ech...
    zhangxuepeng閱讀 5,164評論 0 5
  • 此次后臺使用的語言是PHP,遇到的問題就是后臺的數組傳遞到前臺,前臺頁面控制臺輸出的是Arra{native co...
    youthz閱讀 2,750評論 0 2
  • 紅豆不識,花落無情,相思有誰憐,夢斷無人知,磐石流水有時盡,萬里長歌君未聽,誰解我情懷,誰是我知音?...
    艾米讀書寫作閱讀 172評論 0 2
  • 1、 最后講兩句,小編是一個在家里帶小孩子的男人,從事IT,負責接些散活賺點零花。有關于互聯(lián)網方面的工作,可以在公...
    ufomail閱讀 390評論 0 0

友情鏈接更多精彩內容