<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      USEGEAR

      導航

      學習unigui【24】Echart的使用:多個坐標系

      使用echart非常簡單,網上有介紹。

      主要放一個unihtmlFrame。然后unihtmlframe.text := 'html的代碼',就會渲染(初次調用echart的js庫要一點稍后)。

      unigui本身的chart貌似不能動態生成。

      option = {
      title: [{
                    text: 'TOP10(抗菌藥物使用人數)',
                    top: '1%',
                    left:'center',
                    
                    textStyle:{
                       // color:'#d1ecff',
                        fontStyle:'normal',
                        fontWeight:'600',
                        fontFamily:'sans-serif',
                    fontSize:13
                    }
                },{
                    text: "TOP10(使用率%)",
                    top:'18.2%',
                    left:'center',
                    textStyle:{
                        //color:'#ccc',
                        fontStyle:'normal',
                        fontWeight:'600',
                        fontFamily:'sans-serif',
                     fontSize:13
                    }
                },
                {
                    text: "TOP10(抗菌藥物并送檢人數)",
                    top:'36%',
                    left:'center',
                    textStyle:{
                       // color:'#ccc',
                        fontStyle:'normal',
                        fontWeight:'600',
                        fontFamily:'sans-serif',
                     fontSize:13
                    }
                },
                {
                    text: "TOP10(送檢率)",
                    top:'52%',
                    left:'center',
                    textStyle:{
                       // color:'#ccc',
                        fontStyle:'normal',
                        fontWeight:'600',
                        fontFamily:'sans-serif',
                     fontSize:13
                    }
                },   
                {
                    text: "TOP10(抗菌藥物未送檢人數)",
                    top:'70%',
                    left:'center',
                    textStyle:{
                       // color:'#ccc',
                        fontStyle:'normal',
                        fontWeight:'600',
                        fontFamily:'sans-serif',
                     fontSize:13
                    }
                },   
                {
                    text: "TOP10(未送檢率)",
                    top:'86%',
                    left:'center',
                    textStyle:{
                       // color:'#ccc',
                        fontStyle:'normal',
                        fontWeight:'600',
                        fontFamily:'sans-serif',
                     fontSize:13
                    }
                },           
                ],
        legend: {},
        tooltip: {},
        dataset: {
          source: [
            // ['product', '2012', '2013', '2014', '2019'],
            // ['Product A', 79.1, 66, 70.2, 155,99],
            // ['Product B', 50, 50, 50, 50,88],
            // ['Product c', 70, 50, 50, 50,77]
            
          ]
        },
        xAxis: [
          { type: 'category', gridIndex: 0,name: '科室',data: ['20121', '20131', '2014','2019','2020']  },
          { type: 'category', gridIndex: 1,name: '科室',data: ['20122', '20132', '20142','2019','手術'] },
          { type: 'category', gridIndex: 2,name: '科室',data: ['內科', '外科', '中醫','心內科'] }, // 新增坐標軸,設置其所屬網格為新添加的第三個網格
          { type: 'category', gridIndex: 3,name: '科室',data: ['內科', '外科', '中醫','心內科'] },
          { type: 'category', gridIndex: 4,name: '科室',data: [] },
          { type: 'category', gridIndex: 5,name: '科室',data: ['內科', '外科', '中醫','心內科'] }
        ],
        yAxis: [
          { gridIndex: 0,name:'' }, 
          { gridIndex: 1,name:'' },
          { gridIndex: 2,name:'' }, // 新增坐標軸,設置其所屬網格為新添加的第三個網格
          { gridIndex: 3,name:'' },
          { gridIndex: 4,name:'' },
          { gridIndex: 5,name:'' }
          ],
        grid: [
          {id: 'grid-top-1', top: '5%', height: '10%',title : '報警、處理次數分析統計'},
          {id: 'grid-top-2', top: '22%', height: '10%'},
          {id: 'grid-top-3', top: '41%', height: '8%'},
          {id: 'grid-bottom-1',bottom: '3%', height: '8%'},
          {id: 'grid-bottom-2',bottom: '17%', height: '10%'},
          {id: 'grid-bottom-3',bottom: '35%',  height: '10%'}
        ],
        series: [
          { label:{show:true,position:'top',formatter:function(data){return data.value+'人'}},
          type: 'bar',seriesLayoutBy: 'row', xAxisIndex: 0, yAxisIndex: 0,data:[79.1, 66, 70.2, 155,99] },
          { label:{show:true,position:'top',formatter:function(data){return data.value+'人'}},
          type: 'bar', seriesLayoutBy: 'row', xAxisIndex: 2, yAxisIndex: 2, data:[50, 60, 90, 50,88] },
          
          { label:{show:true,position:'top',formatter:function(data){return data.value+'%'}},
          type: 'bar', seriesLayoutBy: 'row', xAxisIndex: 1, yAxisIndex: 1,data:[70, 50, 50, 50,77] },
      
          // 新增系列
      
          { label:{show:true,position:'top',formatter:function(data){return data.value+'%'}},
            type: 'bar', seriesLayoutBy: 'row', xAxisIndex: 3, yAxisIndex: 3,  data: [70, 50, 50, 50,77] },
      
          { type: 'bar', seriesLayoutBy: 'row', xAxisIndex: 4, yAxisIndex: 4,  data: [] },
      
          { type: 'bar', seriesLayoutBy: 'row', xAxisIndex: 5, yAxisIndex: 5,  data: [70, 50, 50, 50,77] },    
          
        ]
      };

       

       需要更新數據的話,直接使用占位符替換。然后把代碼賦值給uniHTMLFrame.text,立馬渲染出來。

       

      posted on 2024-04-20 11:28  USEGEAR  閱讀(217)  評論(0)    收藏  舉報

      主站蜘蛛池模板: 国产精品女人毛片在线看| 熟妇的味道hd中文字幕| 老司机性色福利精品视频| 国产一区二区三区小说| 精品国产迷系列在线观看| 男女啪啪永久免费观看网站| 毛片网站在线观看| 中文熟妇人妻av在线| 1000部精品久久久久久久久| 欧美伦费免费全部午夜最新| 亚洲人妻系列中文字幕| 国内视频偷拍久久伊人网| 一边吃奶一边做动态图 | 狠狠婷婷色五月中文字幕| 日韩精品国产二区三区| 国产999久久高清免费观看| 敦煌市| 成在人线av无码免费看网站直播| 激情综合网五月婷婷| 国产极品粉嫩尤物一区二区| 国产偷窥厕所一区二区| 欧洲码亚洲码的区别入口| 国产精品一码在线播放| 亚洲av无码精品蜜桃| 亚洲乱码中文字幕小综合| 丁香色婷婷国产精品视频| 日韩精品理论片一区二区| 国产精品久久久久久久久久久久| 91精品91久久久久久| 久久96热在精品国产高清| 内射囯产旡码丰满少妇| 午夜性爽视频男人的天堂| 最近中文字幕完整版hd| 无码国模国产在线观看免费| 精品国产免费一区二区三区香蕉 | 九九热精品免费在线视频| 免费av网站| 色悠悠国产精品免费在线| 国产在线无码视频一区二区三区 | 色爱综合另类图片av| 日韩深夜免费在线观看|