建站
咨詢
售后
建站咨詢
新聞中心
series[i]-boxplot.markPoint
通過 markPoint 設(shè)置 ECharts 箱形圖的標(biāo)注。
成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的突泉網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
symbol用于標(biāo)注標(biāo)記的圖形，默認(rèn)為 pin。
ECharts 提供的標(biāo)記類型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
也可以通過 'image://url' 設(shè)置為圖片，其中 url 為圖片的鏈接，或者 dataURI。
可以通過 'path://' 將圖標(biāo)設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式，不用擔(dān)心因?yàn)榭s放而產(chǎn)生鋸齒或模糊，而且可以設(shè)置為任意顏色。路徑圖形會(huì)自適應(yīng)調(diào)整為合適的大小。路徑的格式參見 SVG PathData。可以從 Adobe Illustrator 等工具編輯導(dǎo)出。
symbolSize標(biāo)記的大小，可以設(shè)置成諸如 10 這樣單一的數(shù)字（默認(rèn)的數(shù)值值為 50），也可以用數(shù)組分開表示寬和高，例如 [20, 10] 表示標(biāo)記寬為20，高為10。
如果需要每個(gè)數(shù)據(jù)的圖形大小不一樣，可以設(shè)置為如下格式的回調(diào)函數(shù)：
(value: Array|number, params: Object) => number|Array其中第一個(gè)參數(shù) value 為 data 中的數(shù)據(jù)值。第二個(gè)參數(shù) params 是其它的數(shù)據(jù)項(xiàng)參數(shù)。
symbolRotate標(biāo)記的旋轉(zhuǎn)角度。注意在 markLine 中當(dāng) symbol 為 'arrow' 時(shí)會(huì)忽略 symbolRotate 強(qiáng)制設(shè)置為切線的角度。
symbolOffset標(biāo)記相對于原本位置的偏移。默認(rèn)情況下，標(biāo)記會(huì)居中置放在數(shù)據(jù)對應(yīng)的位置，但是如果 symbol 是自定義的矢量路徑或者圖片，就有可能不希望 symbol 居中。這時(shí)候可以使用該配置項(xiàng)配置 symbol 相對于原本居中的偏移，可以是絕對的像素值，也可以是相對的百分比。
例如 [0, '50%'] 就是把自己向上移動(dòng)了一半的位置，在 symbol 圖形是氣泡的時(shí)候可以讓圖形下端的箭頭對準(zhǔn)數(shù)據(jù)點(diǎn)。
silent圖形是否不響應(yīng)和觸發(fā)鼠標(biāo)事件，默認(rèn)為 false，即響應(yīng)和觸發(fā)鼠標(biāo)事件。
label標(biāo)注的文本。
itemStyle標(biāo)注的樣式。
data[i]標(biāo)注的數(shù)據(jù)數(shù)組。每個(gè)數(shù)組項(xiàng)是一個(gè)對象，有下面幾種方式指定標(biāo)注的位置。
- 通過 x, y 屬性指定相對容器的屏幕坐標(biāo)，單位像素，支持百分比。
- 用 coord 屬性指定數(shù)據(jù)在相應(yīng)坐標(biāo)系上的坐標(biāo)位置，單個(gè)維度支持設(shè)置 'min', 'max', 'average'。
- 直接用 type 屬性標(biāo)注系列中的最大值，最小值。這時(shí)候可以使用 valueIndex 指定是在哪個(gè)維度上的最大值、最小值、平均值?；蛘呖梢允褂?nbsp;valueDim 指定在哪個(gè)維度上的最大值、最小值、平均值。
當(dāng)多個(gè)屬性同時(shí)存在時(shí)，優(yōu)先級按上述的順序。
示例：
data: [
{
name: '最大值',
type: 'max'
},
{
name: '某個(gè)坐標(biāo)',
coord: [10, 20]
}, {
name: '固定 x 像素位置',
yAxis: 10,
x: '90%'
},
{
name: '某個(gè)屏幕坐標(biāo)',
x: 100,
y: 100
}
]animation是否開啟動(dòng)畫。默認(rèn)為 true，即開啟動(dòng)畫。
animationThreshold是否開啟動(dòng)畫的閾值，當(dāng)單個(gè)系列顯示的圖形數(shù)量大于這個(gè)閾值時(shí)會(huì)關(guān)閉動(dòng)畫。默認(rèn)閾值為 2000。
animationDuration初始動(dòng)畫的時(shí)長，默認(rèn)值為 1000，支持回調(diào)函數(shù)，可以通過每個(gè)數(shù)據(jù)返回不同的 delay 時(shí)間實(shí)現(xiàn)更戲劇的初始動(dòng)畫效果：
animationDuration: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}animationEasing初始動(dòng)畫的緩動(dòng)效果，默認(rèn)值為 cubicOut。不同的緩動(dòng)效果可以參考 緩動(dòng)示例。
animationDelay初始動(dòng)畫的延遲，支持回調(diào)函數(shù)，可以通過每個(gè)數(shù)據(jù)返回不同的 delay 時(shí)間實(shí)現(xiàn)更戲劇的初始動(dòng)畫效果。
如下示例：
animationDelay: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}也可以看該示例
animationDurationUpdate數(shù)據(jù)更新動(dòng)畫的時(shí)長，默認(rèn)值為 300。
支持回調(diào)函數(shù)，可以通過每個(gè)數(shù)據(jù)返回不同的 delay 時(shí)間實(shí)現(xiàn)更戲劇的更新動(dòng)畫效果：
animationDurationUpdate: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}animationEasingUpdate數(shù)據(jù)更新動(dòng)畫的緩動(dòng)效果，默認(rèn)值為 cubicOut。
animationDelayUpdate數(shù)據(jù)更新動(dòng)畫的延遲，支持回調(diào)函數(shù)，可以通過每個(gè)數(shù)據(jù)返回不同的 delay 時(shí)間實(shí)現(xiàn)更戲劇的更新動(dòng)畫效果。
如下示例：
animationDelayUpdate: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}也可以看該示例
文章標(biāo)題：創(chuàng)新互聯(lián)ECharts教程：設(shè)置ECharts箱形圖的標(biāo)注
當(dāng)前URL：http://fisionsoft.com.cn/article/djhhjcc.html
