新聞中心
ECharts全局字體樣式
ECharts除了對各自的組成部分設(shè)置特定的字體樣式之外,您也可以在需要的時候?qū)Charts全局的字體樣式進行設(shè)置,這里使用textStyle來設(shè)置全局的字體樣式,具體的樣式屬性請參考以下內(nèi)容。

為吐魯番等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及吐魯番網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、吐魯番網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
color設(shè)置ECharts全局字體樣式的文字的顏色,默認值為"#fff"。
fontStyleECharts全局文字字體的風格,默認為'normal'。
可選值如下:
- 'normal'
- 'italic'
- 'oblique'
fontWeight設(shè)置文字字體的粗細。
可選值如下:
- 'normal'(默認值)
- 'bold'
- 'bolder'
- 'lighter'
- 100 | 200 | 300 | 400...
fontFamily設(shè)置文字的字體系列,默認值為'sans-serif'。
還可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...
fontSize設(shè)置文字的字體大小,默認的字體大小為12。
lineHeight設(shè)置行高。
rich 中如果沒有設(shè)置 lineHeight,則會取父層級的 lineHeight。例如:
{
lineHeight: 56,
rich: {
a: {
// 沒有設(shè)置 `lineHeight`,則 `lineHeight` 為 56
}
}
}width文字塊的寬度。一般不用指定,不指定則自動是文字的寬度。在想做表格項或者使用圖片(參見 backgroundColor)時,可能會使用它。
注意,文字塊的 width 和 height 指定的是內(nèi)容高寬,不包含 padding。
width 也可以是百分比字符串,如 '100%'。表示的是所在文本塊的 contentWidth(即不包含文本塊的 padding)的百分之多少。之所以以 contentWidth 做基數(shù),因為每個文本片段只能基于 content box 布局。如果以 outerWidth 做基數(shù),則百分比的計算在實用中不具有意義,可能會超出。
注意,如果不定義 rich 屬性,則不能指定 width 和 height。
height文字塊的高度。一般不用指定,不指定則自動是文字的高度。在使用圖片(參見 backgroundColor)時,可能會使用它。
注意,文字塊的 width 和 height 指定的是內(nèi)容高寬,不包含 padding。
注意,如果不定義 rich 屬性,則不能指定 width 和 height。
textBorderColor文字本身的描邊顏色,默認為'transparent'。
textBorderWidth文字本身的描邊寬度。
textShadowColor文字本身的陰影顏色,同描邊顏色一樣,默認為'transparent'。
textShadowBlur文字本身的陰影長度。
textShadowOffsetX文字本身的陰影 X 偏移。
textShadowOffsetY文字本身的陰影 Y 偏移。
分享標題:創(chuàng)新互聯(lián)ECharts教程:設(shè)置ECharts全局字體樣式
網(wǎng)站鏈接:http://m.fisionsoft.com.cn/article/dhpgdji.html


咨詢
建站咨詢
