echart疊加柱狀圖上顯示文字
echart疊加柱狀圖上顯示文字
效果圖
修改程式碼
原始碼
option = {
tooltip: {
trigger: 'axis',
axisPointer: { // 座標軸指示器,座標軸觸發有效
type: 'shadow' // 預設為直線,可選為:'line' | 'shadow'
}
},
legend: {
data: [ '郵件營銷', '聯盟廣告', '視訊廣告']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['週一', '週二', '週三', '週四', '週五', '週六', '週日']
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: '郵件營銷',
type: 'bar',
stack: '廣告',
label:{
normal:{
show:true,
position:'insideRight',
textStyle:{
color:'black'
},
formatter:function(params){
return params.value
}
}
},
data: [ 132, 101, 134, 90, 230, 310,112]
},
{
name: '聯盟廣告',
type: 'bar',
stack: '廣告',
label:{
normal:{
show:true,
position:'insideRight',
textStyle:{
color:'black'
},
formatter:function(params){
return params.value
}
}
},
data: [220, 182, 191, 234, 290, 330, 310]
},
{
name: '視訊廣告',
type: 'bar',
stack: '廣告',
label:{
normal:{
show:true,
position:'insideRight',
textStyle:{
color:'black'
},
formatter:function(params){
return params.value
}
}
},
data: [150, 232, 201, 154, 190, 330, 410]
}
]
};
參考:https://www.cnblogs.com/hxjCode/p/11270139.html
相關文章
- POI 重疊、並列柱狀圖(條形圖),顯示資料,自定義顏色
- 資料視覺化:圖表篇(1)—— 基本柱狀圖、堆疊柱狀圖視覺化
- echarts柱狀圖示籤顯示不完全的問題Echarts
- QT之控制元件疊加顯示QT控制元件
- python-資料分析-Matplotlib-1-基礎圖形(曲線圖-散點-柱狀-堆疊柱狀-餅狀圖-直方圖)Python直方圖
- 柱狀圖
- echart 設定 柱狀圖 漸變色 線性虛線 lab字串換行字串
- echart使用自定義單個柱狀顏色實現
- 九、柱狀圖和3D柱狀圖3D
- Geoserver + MySQL實現圖層顯示和文字顯示ServerMySql
- PyQtGraph之柱狀圖QT
- oracle 柱狀圖(Histograms)OracleHistogram
- 【matplotlib 實戰】--柱狀圖
- Echarts立體柱狀圖Echarts
- JavaScript介面畫柱狀圖JavaScript
- 文字超出顯示....
- Quart2D 畫圖二 (餅狀圖、柱狀圖)
- 用label顯示帶圖片的富文字
- 垂直柱狀圖(模擬+字串)字串
- Echarts 柱狀圖配置詳解Echarts
- 圖片上傳顯示替換
- echart 環圖
- 索尼摺疊手機專利曝光:透明機身加六種顯示模式模式
- AUTOCAD——文字顯示方式
- 文字溢位顯示
- Android Libgdx 顯示文字Android
- 超出文字顯示省略號,hover效果:文字滾動顯示==》求解
- echarts 設定柱狀圖寬度Echarts
- 柱狀圖與執行計劃
- echarts 柱狀圖如何橫向展示Echarts
- R繪圖(06)——帶errorbar的柱狀圖繪圖ErrorORB
- 使用 Flutter 繪製圖表(一)柱狀圖?Flutter
- Echarts根據資料長度變換柱狀圖柱狀的顏色Echarts
- Dcat Admin 修改全域性行操作按鈕顯示方式為文字+圖示
- win7 在工作列左側加個 顯示桌面 的圖示Win7
- 柱狀圖、直方圖、散點圖、餅圖講解直方圖
- amCharts繪製折線圖和柱狀圖混合
- MPAndroidChart繪製曲線圖、柱狀圖總結Android