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

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

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

一句話總結(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：位置，二維坐標系內(nèi)映射至 x 軸、y 軸；
及position()里的變量a*percent即指定x軸，y軸，但實際應用中我們希望定義一個公共方法，以變量形式傳參生成多個圖表，那么換做數(shù)組傳參position([name, value]),name,value分別是你的指定的x軸、y軸變量。

GPU云服務器云服務器的解決辦法微軟的解決辦法 use的解決辦法換ip的解決辦法

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103435.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

livem 2019-08-23 14:58 評論0 收藏0