建站
咨詢
售后
建站咨詢
新聞中心
graphic.elements[i]-rect
ECharts 設(shè)置矩形元素。
創(chuàng)新互聯(lián)專業(yè)成都做網(wǎng)站、網(wǎng)站制作，集網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作于一體，網(wǎng)站seo、網(wǎng)站優(yōu)化、網(wǎng)站營銷、軟文推廣等專業(yè)人才根據(jù)搜索規(guī)律編程設(shè)計(jì)，讓網(wǎng)站在運(yùn)行后，在搜索中有好的表現(xiàn)，專業(yè)設(shè)計(jì)制作為您帶來效益的網(wǎng)站！讓網(wǎng)站建設(shè)為您創(chuàng)造效益。
graphic.elements[i]-rect.type | string
[ default: rect ]
用 setOption 首次設(shè)定圖形元素時(shí)必須指定。 可以選擇的取值如下：
image, text，circle，sector，ring，polygon，polyline，rect，line，bezierCurve，arc，group
graphic.elements[i]-rect.id | string
[ default: undefined ]
id 用于在更新或刪除圖形元素時(shí)指定更新哪個圖形元素，如果不需要用可以忽略。
graphic.elements[i]-rect.$action | string
[ default: 'merge' ]
setOption 時(shí)指定本次對該圖形元素的操作行為。
可取值：
- 'merge'：如果已有元素，則新的配置項(xiàng)和已有的設(shè)定進(jìn)行 merge。如果沒有則新建。
- 'replace'：如果已有元素，刪除之，新建元素替代之。
- 'remove'：刪除元素。
graphic.elements[i]-rect.left | number, string
[ default: undefined ]
描述怎么根據(jù)父元素進(jìn)行定位。
『父元素』是指：如果是頂層元素，父元素是 echarts 圖表容器。如果是 group 的子元素，父元素就是 group 元素。
值的類型可以是：
- number：表示像素值。
- 百分比值：如 '33%'，用父元素的高和此百分比計(jì)算出最終值。
- 'center'：表示自動居中。
left 和 right 只有一個可以生效。
如果指定 left 或 right，則 shape 里的 x、cx 等定位屬性不再生效。
graphic.elements[i]-rect.right | number, string
[ default: undefined ]
描述怎么根據(jù)父元素進(jìn)行定位。
『父元素』是指：如果是頂層元素，父元素是 echarts 圖表容器。如果是 group 的子元素，父元素就是 group 元素。
值的類型可以是：
- number：表示像素值。
- 百分比值：如 '33%'，用父元素的高和此百分比計(jì)算出最終值。
- 'center'：表示自動居中。
left 和 right 只有一個可以生效。
如果指定 left 或 right，則 shape 里的 x、cx 等定位屬性不再生效。
graphic.elements[i]-rect.top | number, string
[ default: undefined ]
描述怎么根據(jù)父元素進(jìn)行定位。
『父元素』是指：如果是頂層元素，父元素是 echarts 圖表容器。如果是 group 的子元素，父元素就是 group 元素。
值的類型可以是：
- number：表示像素值。
- 百分比值：如 '33%'，用父元素的寬和此百分比計(jì)算出最終值。
- 'middle'：表示自動居中。
top 和 bottom 只有一個可以生效。
如果指定 top 或 bottom，則 shape 里的 y、cy 等定位屬性不再生效。
graphic.elements[i]-rect.bottom | number, string
[ default: undefined ]
描述怎么根據(jù)父元素進(jìn)行定位。
『父元素』是指：如果是頂層元素，父元素是 echarts 圖表容器。如果是 group 的子元素，父元素就是 group 元素。
值的類型可以是：
- number：表示像素值。
- 百分比值：如 '33%'，用父元素的寬和此百分比計(jì)算出最終值。
- 'middle'：表示自動居中。
top 和 bottom 只有一個可以生效。
如果指定 top 或 bottom，則 shape 里的 y、cy 等定位屬性不再生效。
graphic.elements[i]-rect.bounding | strin
[ default: 'all' ]
決定此圖形元素在定位時(shí)，對自身的包圍盒計(jì)算方式。
參見例子
可取值：
- 'all'：（默認(rèn)） 表示用自身以及子節(jié)點(diǎn)整體的經(jīng)過 transform 后的包圍盒進(jìn)行定位。 這種方式易于使整體都限制在父元素范圍中。
- 'raw'： 表示僅僅用自身（不包括子節(jié)點(diǎn)）的沒經(jīng)過 tranform 的包圍盒進(jìn)行定位。 這種方式易于內(nèi)容超出父元素范圍的定位方式。
graphic.elements[i]-rect.z | number
[ default: 0 ]
z 方向的高度，決定層疊關(guān)系。
graphic.elements[i]-rect.zlevel | number
[ default: 0 ]
決定此元素繪制在哪個 canvas 層中。
注意，canvas 層越多，就會占用越多的資源。graphic.elements[i]-rect.silent | boolean
[ default: false ]
是否不響應(yīng)鼠標(biāo)以及觸摸事件。
graphic.elements[i]-rect.invisible | boolean
[ default: false ]
矩形元素中節(jié)點(diǎn)是否可見。
graphic.elements[i]-rect.cursor | string
[ default: 'pointer' ]
鼠標(biāo)懸浮時(shí)在矩形元素上時(shí)鼠標(biāo)的樣式是什么。同 CSS 的 cursor。
graphic.elements[i]-rect.draggable | boolean
[ default: false ]
矩形元素是否可以被拖拽。
graphic.elements[i]-rect.progressive | boolean
[ default: false ]
是否漸進(jìn)式渲染。當(dāng)矩形元素過多時(shí)才使用。
graphic.elements[i]-rect.shape | Object
設(shè)置矩形元素的形狀大小。
- graphic.elements[i]-rect.shape.x | number
[ default: 0 ]
圖形元素的左上角在父節(jié)點(diǎn)坐標(biāo)系（以父節(jié)點(diǎn)左上角為原點(diǎn)）中的橫坐標(biāo)值。 - graphic.elements[i]-rect.shape.y | numbr
[ default: 0 ]
圖形元素的左上角在父節(jié)點(diǎn)坐標(biāo)系（以父節(jié)點(diǎn)左上角為原點(diǎn)）中的縱坐標(biāo)值。 - graphic.elements[i]-rect.shape.width | number
[ default: 0 ]
圖形元素的寬度。 - graphic.elements[i]-rect.shape.height | numbr
[ default: 0 ]
圖形元素的高度。
新聞標(biāo)題：創(chuàng)新互聯(lián)ECharts教程：ECharts如何設(shè)置矩形元素
當(dāng)前路徑：http://m.fisionsoft.com.cn/article/cddgpsh.html
