Echatrs dataZoomは左右のスライドと拡大縮小を実現し、いくつかのデータの表示を正確に制御する

1936 ワード

dataZoomを使用してデータをスクロール表示
公式サンプルコードは次のとおりです.
https://echarts.apache.org/examples/zh/editor.html?c=doc-example/bar-dataZoom-filterMode
公式に与えられたコード制御はパーセンテージを表示していることがわかります.表示後のデータや前のデータを正確に制御したい場合があります.
コードは以下の通りです.以下のコードは表示後5つです.
  //zongji.data.length      
  var start = zongji.data.length - 5;
  var end = zongji.data.length - 1;

	dataZoom: [
		{
	      type: 'slider',
	      show: true,
	      startValue: start,
	      endValue: end,
	      handleSize: 8,
	    },
	]

以上のポイント:startValue、endValue
startとendは制御パーセントです
startValueとendValueは使用数量の正確な制御である
公式に与えられたドキュメントを読むと、開発効率が高くなることがあります.