亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > JS > 正文

echarts統計x軸區間的數值實例代碼詳解

2024-05-06 16:53:05
字體:
來源:轉載
供稿:網友

有時我們需要統計自定義echarts圖,統計x軸區間的y軸數量。

思路是利用echarts的自定義配置:option.series[i].type='custom'中的renderItem(params, api)函數進行處理,這里包括了兩個參數:params是對應每一個dataItem的數據信息;api是可調用的方法(api.value()和api.coord())。詳情可以查看官方文檔。

以下是改自官方實例: https://www.echartsjs.com/examples/editor.html?c=bar-histogram ,把以下引用 ecStat.js來處理數據的部分修改成自己拼裝成需要的格式

var bins = ecStat.histogram(girth);var min = Infinity;var max = -Infinity;edata = echarts.util.map(bins.data, function (item, index) { var x0 = bins.bins[index].x0; var x1 = bins.bins[index].x1; interval = x1 - x0; min = Math.min(min, x0);    max = Math.max(max, x1);  return [x0, x1, item[1]];});

原因是引用ecStat.js處理數據時,有時出現以下錯誤,暫時沒找到解決方法。

echarts,x軸,數值

改寫后的代碼顯示效果如下:

echarts,x軸,數值

<div id="main1" style="width: 1000px;height: 500px"></div><script type="text/javascript"> $(function(){  generateChart(); }); function generateChart(){  var myChart1 = echarts.init(document.getElementById('main1'));  var girth = [19, 26.4, 34, 41.4, 42.4, 42.7, 42.9, 43.1, 43.2, 43.3, 43.3, 43.3, 44.9, 45.4, 46.2, 46.7, 48, 48, 49.1, 54.2];  //自定義拼裝數據方式     var edata = new Array();  var scopeMin = 0;  var scopeMax = 100;  var interval = (scopeMax-scopeMin)/10;  var tmin = scopeMin;  while(tmin < scopeMax){   var x0 = tmin;    var x1 = tmin+interval;   var samplenum = 0;   for(var i=0;i<girth.length;i++){    if((scopeMin == x0 && girth[i] < x0) || (x0 <= girth[i] && x1 > girth[i])     ||(scopeMin == x1 && girth[i] > x1)) {     samplenum++;        }   }   tmin += interval;   edata.push([x0, x1, samplenum]);  }  var option = {   color: ['rgb(25, 183, 207)'],   grid: {    top: 80,    containLabel: true   },   xAxis: [{    type: 'value',    min: scopeMin,    max: scopeMax,    interval: interval   }],   yAxis: [{    type: 'value',   }],   series: [{    name: 'height',    type: 'custom',    renderItem: renderItem,    label: {     normal: {      show: true,      position: 'top'     }    },    encode: {     x: [0, 1],     y: 2,     tooltip: 2,     label: 2    },    // data: data    data: edata   }]  };  myChart1.setOption(option);  window.onresize = function () {   myChart1.resize();  } } function renderItem(params, api) {  var yValue = api.value(2);  var start = api.coord([api.value(0), yValue]);  var size = api.size([api.value(1) - api.value(0), yValue]);  var style = api.style();  return {   type: 'rect',   shape: {    x: start[0] + 1,    y: start[1],    width: size[0] - 2,    height: size[1]   },   style: style  }; }</script>

總結

以上所述是小編給大家介紹的echarts統計x軸區間的數值實例代碼詳解,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
这里只有精品在线观看| 亚洲美女精品成人在线视频| 国产精品永久免费在线| 久久亚洲精品一区| 一区二区三区美女xx视频| 国产一区二区在线免费视频| 91久久精品国产91性色| 欧美在线亚洲一区| 亚洲大尺度美女在线| 久久九九精品99国产精品| 亚洲桃花岛网站| 亚洲毛茸茸少妇高潮呻吟| 精品久久久久久久久国产字幕| 国产91精品久久久久久| 国内精品久久久久久久| 国内精品模特av私拍在线观看| 国产精品第8页| 欧美亚洲视频一区二区| 日产日韩在线亚洲欧美| 成人美女av在线直播| 热草久综合在线| 亚洲网站在线播放| 欧美黄色性视频| 国产亚洲精品日韩| 国产精品中文字幕在线观看| 中文.日本.精品| 日韩av片电影专区| 91精品国产沙发| 精品一区二区三区电影| 欧美日韩免费在线| 国产性猛交xxxx免费看久久| 伊人久久久久久久久久久久久| 国产精品国产自产拍高清av水多| 亚洲欧美日韩区| 中国日韩欧美久久久久久久久| 亚洲黄在线观看| 久久的精品视频| 国产91露脸中文字幕在线| 美女性感视频久久久| 国产精品久久久av| 热草久综合在线| 欧美一级视频在线观看| 欧美一区二区三区免费观看| 国产一区二区三区视频免费| 亚洲天堂2020| 国产精品福利在线| 日韩激情视频在线播放| 日本三级韩国三级久久| 一区二区三区国产在线观看| 日本午夜在线亚洲.国产| 九九精品视频在线观看| 日韩在线不卡视频| 国产精品青草久久久久福利99| 欧美日韩在线观看视频| 亚洲最大福利网站| 国产欧美婷婷中文| 亚洲最大av在线| 亚洲自拍偷拍福利| 久久久最新网址| 高清欧美性猛交xxxx黑人猛交| 久久精品电影网| 国产精品视频xxxx| 亚洲精品理论电影| 亚洲一区二区久久久久久| 日韩激情第一页| 另类图片亚洲另类| 成人xxxx视频| 美女av一区二区| 国产视频久久久久| 国产一区深夜福利| 国产成人精品在线播放| 久久人人爽亚洲精品天堂| 精品成人久久av| 国产91在线视频| 57pao成人永久免费视频| 2020欧美日韩在线视频| 国产精品久久久久久久天堂| 成人网页在线免费观看| 一区二区三区四区视频| 亚洲成人久久电影| 久久久久亚洲精品| 57pao国产精品一区| 2019中文在线观看| 欧美激情一二区| 成人www视频在线观看| 亚洲天堂av在线免费观看| 97人人爽人人喊人人模波多| 亚洲精品视频播放| 亚洲第五色综合网| 九九视频直播综合网| 国产香蕉97碰碰久久人人| 91黑丝在线观看| 久久香蕉精品香蕉| 在线午夜精品自拍| www.欧美精品| 欧美乱妇高清无乱码| 91在线观看欧美日韩| 中文字幕欧美亚洲| 国产精品偷伦免费视频观看的| 亚洲欧美国产精品va在线观看| 亚洲aⅴ日韩av电影在线观看| 国内揄拍国内精品少妇国语| 亚洲丝袜一区在线| 国产日韩欧美视频在线| 国产精品日韩在线观看| 中日韩美女免费视频网站在线观看| 成人亚洲综合色就1024| 亚洲精品久久久久中文字幕欢迎你| 国产999精品视频| 久久久久久久久久久久久久久久久久av| 欧美激情视频给我| 日韩高清欧美高清| 日韩精品福利在线| 欧美亚洲视频一区二区| 免费不卡在线观看av| 国产亚洲精品美女久久久| 91免费高清视频| 久久久久久久久久久久久久久久久久av| 欧美精品在线观看91| 在线观看亚洲视频| 国产精品嫩草影院久久久| 成人网页在线免费观看| 亚洲精品视频网上网址在线观看| 国产精品久久99久久| 亚洲男人av在线| 日韩美女主播视频| 日韩高清不卡av| 亚洲欧美日韩网| 最新亚洲国产精品| 日本精品久久电影| 欧美日韩在线视频观看| 精品国产91久久久久久老师| 日本亚洲欧洲色| 91精品国产一区| 日韩风俗一区 二区| 色狠狠av一区二区三区香蕉蜜桃| 亚洲成人三级在线| 亚洲黄色www| 伊人激情综合网| 亚洲男人天堂古典| 国产成人综合精品在线| 国产欧洲精品视频| 成人久久久久久久| 国产精品精品久久久| 亚洲色图美腿丝袜| 日韩激情av在线免费观看| 久热国产精品视频| 国产精品视频xxx| 国产精品老女人视频| 亚洲欧美日韩一区在线| 亚州欧美日韩中文视频| 久久露脸国产精品| 亚洲美女在线视频| 91免费看视频.| 亚洲乱码国产乱码精品精天堂| 青青久久av北条麻妃海外网| 日韩成人高清在线| 久久久久久久激情视频| 高清欧美电影在线| 欧美极品少妇xxxxⅹ免费视频| 国产免费一区二区三区在线能观看| 97在线免费观看| 国产日韩欧美综合| 亚洲欧美国产日韩天堂区|