AntV的圖表position方法變量傳參解決辦法

ityouknow 發(fā)布于2019-08-23 16:52 / 8376人閱讀

摘要：一句話總結(jié)解決變量傳參，如果已經(jīng)解決你的問題，那么就不用往下看啦想了解更多，看下以下的叨叨叨借用官網(wǎng)的一段代碼，鏈接這里的稍微解釋下位置，二維坐標(biāo)系內(nèi)映射至軸軸及里的變量即指定軸，軸，但實(shí)際應(yīng)用中我們希望定義一個(gè)公共方法，以變量形式傳參生

一句話總結(jié)：position([name, value])解決變量傳參，如果已經(jīng)解決你的問題，那么就不用往下看啦!!!

想了解更多，看下以下的叨叨叨~~~
借用官網(wǎng)的一段代碼，鏈接：https://antv.alipay.com/zh-cn...

chart.interval().position("a*percent").color("name", ["#1890FF", "#13C2C2", "#2FC25B", "#FACC14", "#F04864", "#8543E0"]).adjust("stack").style({
lineWidth: 1,
stroke: "#fff",
lineJoin: "round",
lineCap: "round"
}).animate({
appear: {
  duration: 1200,
  easing: "bounceOut"
}
});

這里的position稍微解釋下：
position：位置，二維坐標(biāo)系內(nèi)映射至 x 軸、y 軸；
及position()里的變量a*percent即指定x軸，y軸，但實(shí)際應(yīng)用中我們希望定義一個(gè)公共方法，以變量形式傳參生成多個(gè)圖表，那么換做數(shù)組傳參position([name, value]),name,value分別是你的指定的x軸、y軸變量。

云服務(wù)器 GPU云服務(wù)器的解決辦法微軟的解決辦法 use的解決辦法換ip的解決辦法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/103435.html

相關(guān)文章

螞蟻金服新一代數(shù)據(jù)可視化引擎 G2

摘要：新公司已經(jīng)呆了一個(gè)多月，目前著手一個(gè)數(shù)據(jù)可視化的項(xiàng)目，數(shù)據(jù)可視化肯定要用到圖形庫如等，經(jīng)決定我的這個(gè)項(xiàng)目用阿里旗下螞蟻金服所開發(fā)的圖表庫。數(shù)據(jù)提示框內(nèi)提示的信息還可以通過格式化函數(shù)動(dòng)態(tài)指定。新公司已經(jīng)呆了一個(gè)多月，目前著手一個(gè)數(shù)據(jù)可視化的項(xiàng)目，數(shù)據(jù)可視化肯定要用到圖形庫如D3、Highcharts、ECharts、Chart等，經(jīng)決定我的這個(gè)項(xiàng)目用阿里旗下螞蟻金服所開發(fā)的G2圖表庫。...

animabear 2019-08-20 16:32 評(píng)論0 收藏0
antv g2的理解總結(jié)

摘要：也同樣支持配置項(xiàng)聲明構(gòu)成一個(gè)可視化框架需要四部分?jǐn)?shù)據(jù)處理模塊，對(duì)數(shù)據(jù)進(jìn)行加工的模塊，包括一些數(shù)據(jù)處理方法。因此上的同基本相同。總結(jié)起來，分面其實(shí)提供了兩個(gè)功能按照指定的維度劃分?jǐn)?shù)據(jù)集對(duì)圖表進(jìn)行排版。 G2 G2本身是一門圖形語法，G2和傳統(tǒng)的圖表系統(tǒng)（HighCharts，ACharts等）不同，G2是一個(gè)基于統(tǒng)計(jì)分析的語義化數(shù)據(jù)可視化系統(tǒng)。它真正做到了讓數(shù)據(jù)驅(qū)動(dòng)圖形，讓你在使用它時(shí)候...

baihe 2019-08-22 14:54 評(píng)論0 收藏0
三大圖表庫：ECharts 、 BizCharts 和 G2，該如何選擇？

摘要：最近阿里正式開源的圖表庫基于技術(shù)棧，各個(gè)圖表項(xiàng)皆采用了組件的形式，貼近的使用特點(diǎn)。相關(guān)文檔組件化阿里的圖表組件手拉手，用開發(fā)動(dòng)態(tài)刷新組件文檔地址一安裝通過引入二引用成功安裝完成之后，即可使用或進(jìn)行引用。最近阿里正式開源的BizCharts圖表庫基于React技術(shù)棧，各個(gè)圖表項(xiàng)皆采用了組件的形式，貼近React的使用特點(diǎn)。同時(shí)BizCharts基于G2進(jìn)行封裝，Bizcharts也繼承了G2相...

draveness 2019-04-23 13:19 評(píng)論0 收藏0
WakaTime數(shù)據(jù)同步展示工具

摘要：從年知道后就開始使用它來記錄自己的編碼時(shí)間，但作為免費(fèi)版只能查看最近兩周的數(shù)據(jù)，于是很久之前就寫了一個(gè)程序同步自己的歷史數(shù)據(jù)，不過一直沒找到合適的圖表插件像官網(wǎng)那樣展示數(shù)據(jù)信息。版本的代碼也實(shí)現(xiàn)了相關(guān)的同步展示邏輯，代碼在分支中。從16年知道 WakaTime 后就開始使用它來記錄自己的編碼時(shí)間，但作為免費(fèi)版只能查看最近兩周的數(shù)據(jù)，于是很久之前就寫了一個(gè)程序同步自己的歷史數(shù)據(jù)，不過一...

focusj 2019-08-16 14:35 評(píng)論0 收藏0
第一次使用AntV中的F2

摘要：開始使用項(xiàng)目開發(fā)，我寫的是折線面積圖滑動(dòng)下載直接引入就開始畫圖創(chuàng)建指定開始繪制對(duì)數(shù)據(jù)源格式的要求，僅僅是數(shù)組，數(shù)組的每個(gè)元素是一個(gè)標(biāo)準(zhǔn)對(duì)象。數(shù)據(jù)可視化插件——AntV AntV 是螞蟻金服全新一代數(shù)據(jù)可視化解決方案，致力于提供一套簡(jiǎn)單方便、專業(yè)可靠、無限可能的數(shù)據(jù)可視化最佳實(shí)踐平常開發(fā)中大家都會(huì)接觸一些數(shù)據(jù)可視化工具，常用的echarts，Highcharts，D3等。個(gè)人覺得A...

livem 2019-08-23 14:58 評(píng)論0 收藏0