echarts.js柱状图显示文字及鼠标悬停显示文字

 1   var dom = document.getElementById('salarychart');
 2                     var myChart = echarts.init(dom, null, {
 3                         renderer: 'canvas',
 4                         useDirtyRect: false
 5                     });
 6                     var app = {};
 7                     var option;
 8                     var cabinetNames = [];
 9                     var boxnumbers = [];
10                     for (var i = 0; i < data.length; i++) {
11                         cabinetNames.push(data[i].cabineName);
12                         boxnumbers.push(data[i].number);
13                     }
14                     option = {
15                         xAxis: {
16                             type: 'category',
17                             data: cabinetNames
18                         },
19                         yAxis: {
20                             type: 'value'
21                         },
22                         series: [
23                             {
24                                 data: boxnumbers,
25                                 type: 'bar',
26                                 itemStyle: {
27                                     normal: {
28                                         label: {
29                                             show: true,//设置显示文字
30                                             position:'top'
31                                         }
32                                     }
33                                 }
34                             }
35                         ],
36                         tooltip: {//鼠标悬浮提示数据
37                             trigger:'axis'
38                         }
39                     };
40 
41                     if (option && typeof option === 'object') {
42                         myChart.setOption(option);
43                     }
44 
45                     window.addEventListener('resize', myChart.resize);
46                 }

 

posted on 2022-07-05 09:59  都走吧勿扰  阅读(4983)  评论(0)    收藏  举报

导航