<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        如何使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本

        來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 19:41:40
        文檔

        如何使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本

        如何使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本:這次給大家?guī)砣绾问褂胑charts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本,使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。 1、每個節(jié)點顯示動態(tài)數(shù)據(jù),這個其實可以通過配置項完成,在series數(shù)據(jù)綁定中,可以使用原
        推薦度:
        導(dǎo)讀如何使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本:這次給大家?guī)砣绾问褂胑charts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本,使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。 1、每個節(jié)點顯示動態(tài)數(shù)據(jù),這個其實可以通過配置項完成,在series數(shù)據(jù)綁定中,可以使用原
        這次給大家?guī)砣绾问褂胑charts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本,使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。

        1、每個節(jié)點顯示動態(tài)數(shù)據(jù),這個其實可以通過配置項完成,在series數(shù)據(jù)綁定中,可以使用原本的配置項itemStyle中的標簽格式化完成,如下:

        代碼如下,如果需要修改文字顯示的樣式,則需另外配置項(如font-style,font-weigth等)完成

        {
         name: '其中:少數(shù)民族',
         type: 'line',
         data: ssmz,
         markPoint : {
         data : [
         {type : 'max', name: '最大值'},
         {type : 'min', name: '最小值'}
         ]
         },
         itemStyle: {//節(jié)點數(shù)據(jù)顯示
         normal: {
         label: {
         show: true,
         position: 'right',
         formatter: ssmz,//該值動態(tài)顯示數(shù)據(jù),若需固定的文本,則直接寫入
         }
         }
         }
         },

        2、有些客戶會提出另外的要求,在折線顯示最高值和最低值的同時,折線的末尾需要加上該折線代表的意義,此時也可以通過itemStyle完成,只是在formatter格式化文本提示的時候,需要自己寫一個函數(shù)進行格式化判斷之后顯示

        .

        代碼如下:

        {
         name: '合計',
         type: 'line',
         data: hj,
         markPoint : {
         data : [
         {type : 'max', name: '最大值'},
         {type : 'min', name: '最小值'}
         ],
         },
         itemStyle: {
         normal: {
         label: {
         show: true,
         position: 'right',//居右
         offset:[20,0],//橫向往右20
         formatter: function(para){//格式化提示文本
         if(para.value == hj[hj.length-1]){
         return '合計';//顯示文本
         }else{
         return '';
         }
         }
         }
         }
         }
         },

        相信看了本文案例你已經(jīng)掌握了方法,更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章!

        推薦閱讀:

        怎樣使用Vue實現(xiàn)倒計時按鈕

        怎樣利用Vue寫一個雙向數(shù)據(jù)綁定

        聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        如何使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本

        如何使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本:這次給大家?guī)砣绾问褂胑charts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本,使用echarts在節(jié)點顯示動態(tài)數(shù)據(jù)及添加提示文本的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。 1、每個節(jié)點顯示動態(tài)數(shù)據(jù),這個其實可以通過配置項完成,在series數(shù)據(jù)綁定中,可以使用原
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲Av无码精品色午夜| 免费人成视网站在线观看不卡| 久久久久久久亚洲精品| 国产成人精品日本亚洲语音| 日韩一区二区三区免费体验| 亚洲中文字幕在线无码一区二区| 亚洲综合免费视频| 波多野结衣亚洲一级| 免费涩涩在线视频网| 亚洲AV色无码乱码在线观看| 日韩视频免费在线| 一个人看的免费高清视频日本| 久久亚洲2019中文字幕| a毛片全部播放免费视频完整18| 无码乱人伦一区二区亚洲一| 中国人xxxxx69免费视频| 亚洲日韩av无码中文| 国产一级理论免费版| 国产精品成人69XXX免费视频| 亚洲第一福利视频| 日本妇人成熟免费中文字幕 | 最近在线2018视频免费观看| 亚洲校园春色另类激情| 国产国产人免费人成免费视频| 一级毛片免费全部播放| 亚洲男人的天堂在线播放| 91精品免费国产高清在线| 亚洲AV成人无码久久WWW| 国产亚洲精品a在线观看 | 亚洲高清有码中文字| 全亚洲最新黄色特级网站| 日韩精品视频免费观看| 亚洲精品视频免费观看| 亚洲一区二区三区四区在线观看| 日韩成人免费在线| 久久国产免费一区二区三区 | 亚洲精品一级无码鲁丝片| 97在线视频免费公开观看| 亚洲GV天堂GV无码男同| 亚洲精品成人片在线播放 | 亚洲AV无码精品国产成人|