echarts中X軸和Y軸滾動條

Zack 發(fā)布于2019-08-23 18:33 / 2723人閱讀

摘要：給軸設(shè)置滾動條默認(rèn)為默認(rèn)為滑動條的左右個(gè)滑動條的大小組件高度左邊的距離右邊的距離右邊的距離兩邊未選中的滑動條區(qū)域的顏色是否顯示數(shù)據(jù)陰影默認(rèn)即拖拽時(shí)候是否顯示詳細(xì)數(shù)值信息默認(rèn)是否實(shí)時(shí)更新下面這個(gè)屬性是里面拖到默認(rèn)為默認(rèn)為

dataZoom: [//給x軸設(shè)置滾動條
   {
       start:0,//默認(rèn)為0
       end: 100-1500/31,//默認(rèn)為100
       type: "slider",
       show: true,
       xAxisIndex: [0],
       handleSize: 0,//滑動條的 左右2個(gè)滑動條的大小
       height: 10,//組件高度
       left: "10%", //左邊的距離
       right: "10%",//右邊的距離
       bottom: 26,//右邊的距離
       borderColor: "#000",
       fillerColor: "#269cdb",
       borderRadius:5,
       backgroundColor: "#33384b",//兩邊未選中的滑動條區(qū)域的顏色
       showDataShadow: false,//是否顯示數(shù)據(jù)陰影 默認(rèn)auto
       showDetail: false,//即拖拽時(shí)候是否顯示詳細(xì)數(shù)值信息 默認(rèn)true
       realtime:true, //是否實(shí)時(shí)更新
       filterMode: "filter",
       },
       //下面這個(gè)屬性是里面拖到
   {
       type: "inside",
       show: true,
       xAxisIndex: [0],
       start: 0,//默認(rèn)為1
       end: 100-1500/31,//默認(rèn)為100
   },
],

GPU云服務(wù)器云服務(wù)器在html中滾動條顯示不了滾動條 html 添加滾動軸滾動條

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/105440.html

相關(guān)文章

echarts雙x軸和雙y軸的配置

摘要：最近的項(xiàng)目中用到了的雙軸和雙軸的設(shè)置，特此記錄一下鼠標(biāo)懸停提示內(nèi)容坐標(biāo)軸指示器，坐標(biāo)軸觸發(fā)有效十字線顯示標(biāo)準(zhǔn)保費(fèi)增長軸軸顯示兩組數(shù)據(jù)第個(gè)軸兩個(gè)軸左邊軸金額元右邊軸增長用于指定圖標(biāo)顯示類型第一個(gè)柱狀圖的數(shù)據(jù)標(biāo)準(zhǔn)保費(fèi)第一個(gè)柱狀圖的數(shù)據(jù)第二個(gè)柱狀最近的項(xiàng)目中用到了echarts的雙x軸和雙y軸的設(shè)置，特此記錄一下； option = { tooltip: { //鼠標(biāo)懸停提示內(nèi)容 ...

Steven 2019-08-26 10:20 評論0 收藏0
echarts.js 畫報(bào)表、數(shù)據(jù)可視化(第一部分)

摘要：畫報(bào)表數(shù)據(jù)可視化第一部分目標(biāo)本次目標(biāo)主要可以通過這個(gè)框架畫出各種圖標(biāo)，例如矩形圖餅圖折線圖等等。可以這樣設(shè)置這樣設(shè)置，是可是數(shù)據(jù)中每個(gè)的的，只要設(shè)置了即可，其他參數(shù)可以附帶。畫一個(gè)餅圖看效果演示餅圖銷售額銷售額萬元京東淘寶天貓一號店未完待續(xù) echarts.js 畫報(bào)表、數(shù)據(jù)可視化(第一部分) 目標(biāo): 本次目標(biāo)主要可以通過這個(gè)框架畫出各種圖標(biāo)，例如：矩形圖、餅圖、折線圖等等。搭...

Rainie 2019-08-20 18:22 評論0 收藏0
echarts3的折線圖怎么分段顯示不同的顏色

摘要：原來的格式修改為現(xiàn)在的格式篇幅所限，我這里沒有詳細(xì)列出來詳細(xì)請?jiān)L問我的的折線圖怎么分段顯示不同的顏色再次刷新，是不是兩條斷線連上了呢。一.場景在使用echarts3做圖表的時(shí)候，可能會遇到一些特殊的需求：星期一到星期四這幾個(gè)點(diǎn)的折線顯示一個(gè)顏色，周五到周日這幾個(gè)點(diǎn)的折線顯示另外一個(gè)顏色，來起到強(qiáng)調(diào)區(qū)別的作用。二.效果圖先看一下效果圖，你會有一個(gè)更清晰的認(rèn)識: showImg(...

J4ck_Chan 2019-08-21 10:52 評論0 收藏0
echarts3的折線圖怎么分段顯示不同的顏色

摘要：原來的格式修改為現(xiàn)在的格式篇幅所限，我這里沒有詳細(xì)列出來詳細(xì)請?jiān)L問我的的折線圖怎么分段顯示不同的顏色再次刷新，是不是兩條斷線連上了呢。一.場景在使用echarts3做圖表的時(shí)候，可能會遇到一些特殊的需求：星期一到星期四這幾個(gè)點(diǎn)的折線顯示一個(gè)顏色，周五到周日這幾個(gè)點(diǎn)的折線顯示另外一個(gè)顏色，來起到強(qiáng)調(diào)區(qū)別的作用。二.效果圖先看一下效果圖，你會有一個(gè)更清晰的認(rèn)識: showImg(...

mumumu 2019-06-27 13:50 評論0 收藏0
JavaScript DOM 8 - 文檔坐標(biāo)和視口坐標(biāo)

摘要：在用瀏覽器打開一個(gè)網(wǎng)頁的這個(gè)情況下，視口坐標(biāo)就是指瀏覽器窗口的坐標(biāo)，而文檔坐標(biāo)就是我們網(wǎng)頁的坐標(biāo)。這兩個(gè)坐標(biāo)系的換算要通過滾動條的位置來換算。獲取視口的尺寸和以上規(guī)則一樣，只是相應(yīng)的屬性是在用瀏覽器打開一個(gè)網(wǎng)頁的這個(gè)情況下，視口坐標(biāo)就是指瀏覽器窗口的坐標(biāo)，而文檔坐標(biāo)就是我們網(wǎng)頁的坐標(biāo)。在頁面沒有滾動的情況下，這兩個(gè)坐標(biāo)的原點(diǎn)是重合的，也就是二者的左上角（0， 0）重合，然后這兩個(gè)坐標(biāo)...

Stardustsky 2019-08-20 17:42 評論0 收藏0