echarts調節字型顏色
js程式碼-環狀圖原始碼
//初始化環狀圖依附的元素
var myChartPie = echarts.init(document.getElementById('id'));
//構造環狀圖
option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: 10,
data: ['直接訪問', '郵件營銷', '聯盟廣告', '視訊廣告', '搜尋引擎'],
textStyle: {//設定字型顏色
color: 'white'
}
},
series: [
{
name: '訪問來源',
type: 'pie',
radius: ['50%', '70%'],//環狀圖的半徑,第一個為內半徑,第二個為外半徑
center: ['75%', '40%'],//定位,第一個為x軸,第二個為y軸
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '30',
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
itemStyle: {
normal: {
label: {
show: false //隱藏標示文字
},
labelLine: {
show: false //隱藏標示線
},
textStyle: {//設定字型顏色(環狀圖)
color: 'white'
}
}
},
data: [
{value: 335, name: '直接訪問'},
{value: 310, name: '郵件營銷'},
{value: 234, name: '聯盟廣告'},
{value: 135, name: '視訊廣告'},
{value: 1548, name: '搜尋引擎'}
]
}
]
};
//賦值
myChartPie.setOption(optionPie);
java程式碼
String data = "";//資料值
String names = "";//狀態名稱
for (int i = 0; i < hztjt.size(); i++) {
Map map = hztjt.get(i);
String num = CommonDao.isnull(map.get("num"));
String name = CommonDao.isnull(map.get("name"));
//排查值為空的分組
if ("".equals(data) && !"0".equals(num)) {
names = "'" + name + "'";
data = "{value:" + num + ",name:'" + name + "'}";
} else {
if (!"0".equals(num)) {
names += ",'" + name + "'";
data += ",{value:" + num + ",name:'" + name + "'}";
}
}
}
//無資料時
if ("".equals(data)) {
names = "'暫無'";
data = "{value:0,name:'暫無'}";
}
相關文章
- CSS 顏色與字型CSS
- 設定toast的字型顏色和背景顏色AST
- 調整Aplayer的歌詞顏色和字型大小顯示
- Print輸出顏色字型方法
- 美顏SDK膚色處理與細節調整
- CSS 實現字型顏色漸變CSS
- word 中批次替換字型顏色
- markdown字型顏色和背景設定
- CSS 設定字型顏色和大小CSS
- win10修改字型顏色怎麼操作 windows10字型顏色設定方法Win10Windows
- word字型顏色怎麼快速設定?
- app直播原始碼,TextView部分字型顏色高亮APP原始碼TextView
- 關於a標籤的字型顏色問題
- windows10電腦螢幕顏色偏黃的調節方法Windows
- Flutter改變狀態列字型、狀態列背景顏色、Appbar背景顏色的方式FlutterAPP
- win10狀態列偏暗怎麼調節_win10工作列顏色很暗的調節方法Win10
- 自定義Toast的背景顏色大小及字型大小AST
- Pypycharm修改程式碼字型大小及修改顏色PyCharm
- NGUI和UGUI改變字型顏色的寫法NGUIUGUI
- 調整 Ubuntu 終端顏色技巧Ubuntu
- w10怎麼調16位顏色_win10顏色質量如何調16位Win10
- 短視訊系統,不改變背景顏色的基礎上更改邊框和字型顏色
- Flutter Flame教程9 -- Color and Palette 顏色和調色盤Flutter
- CareUEyes(調節螢幕亮度和顏色) v2.4.3.0 多語便攜版
- Echarts 中國地圖各個省市自治區自定義顏色Echarts地圖
- Flutter Theme應用主題共享顏色和字型樣式Flutter
- Python輸出帶顏色的字型,附詳細引數Python
- win10外星人鍵盤燈光顏色調節怎麼調 win10外星人鍵盤調節燈光操作方法Win10
- 搭建自己的直播平臺,更改狀態列的字型顏色
- 在linux中如何使用echo 輸出帶有字型顏色呢Linux
- [SVG]修改固定顏色為填充顏色SVG
- ECHARTS-折線圖不顯示資料 控制折線圖顏色Echarts
- win10色溫怎麼調_win10怎麼調節色溫Win10
- UE富文字框RichTextBlock的內容設定不同的字型顏色BloC
- 直播系統原始碼,修改ToolBar的標題的字型顏色大小原始碼
- 短視訊直播系統,Android狀態列設定顏色字型Android
- Markdown(入門)——文字設定 ->(字型、字號、顏色和背景色)
- Android開發——Java程式碼動態改變顏色字型的方法AndroidJava