翻譯|其它|編輯:吳園園|2019-09-18 16:50:48.100|閱讀 313 次
概述:本文詳解Highcharts v7.2.0的新功能:將顏色作為數(shù)據(jù)維度應用于餅圖或柱形圖。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
Highcharts是一款純JavaScript編寫的圖表庫,為你的Web網(wǎng)站、Web應用程序提供直觀、交互式圖表。當前支持折線、曲線、區(qū)域、區(qū)域曲線圖、柱形圖、條形圖、餅圖、散點圖、角度測量圖、區(qū)域排列圖、區(qū)域曲線排列圖、柱形排列圖、極坐標圖等幾十種圖表類型。
在Highcharts v7.2中,我們將現(xiàn)有的colorAxis從地圖和熱圖中刪除,并使其幾乎適用于所有系列類型。這意味著我們可以將另一個數(shù)據(jù)維度應用于傳統(tǒng)圖表,如餅圖或柱形圖。帶有顏色軸的柱形圖現(xiàn)在可以顯示三個維度 - 類別,Y值和按顏色編碼的自定義第三個值。其他已經(jīng)可視化三維的圖表類型,如bubble,variwide或variable pie,現(xiàn)在可以擴展到四個數(shù)據(jù)維度。
除了幾乎所有系列類型都可用之外,圖表現(xiàn)在可以包含多個顏色軸。如果你想為你的圖表系列想要不同的顏色編碼,這就派上用場了,類似于為不同大小的系列設置多個Y軸。多個顏色軸將出現(xiàn)在圖例中。
新實現(xiàn)包括以下新API選項:
series.colorKey
確定在使用時應使用哪個數(shù)據(jù)值來計算點顏色colorAxis。需要設置min以及max是否使用某些自定義點屬性或是否將數(shù)據(jù)分組的近似值設置為'sum'。
默認為y。
series.colorAxis - 使用雙色軸或多色軸時,此設置定義特定系列所連接的顏色軸。它可以是指代顏色軸索引的數(shù)字,也可以是指代顏色軸索引的字符串id。
colorAxis.layout - 雖然之前顏色軸將在水平圖例中水平渲染,而在垂直圖例中垂直渲染,但現(xiàn)在可以單獨設置布局。
想要購買Highcharts正版授權的朋友可以。
更多精彩內(nèi)容,敬請關注下方的微信公眾號,及時獲取產(chǎn)品最新資訊▼▼▼
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務必注明出處、不得修改原文相關鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: