Echatrs dataZoomは左右のスライドと拡大縮小を実現し、いくつかのデータの表示を正確に制御する
1936 ワード
dataZoomを使用してデータをスクロール表示
公式サンプルコードは次のとおりです.
https://echarts.apache.org/examples/zh/editor.html?c=doc-example/bar-dataZoom-filterMode
公式に与えられたコード制御はパーセンテージを表示していることがわかります.表示後のデータや前のデータを正確に制御したい場合があります.
コードは以下の通りです.以下のコードは表示後5つです.
以上のポイント:startValue、endValue
startとendは制御パーセントです
startValueとendValueは使用数量の正確な制御である
公式に与えられたドキュメントを読むと、開発効率が高くなることがあります.
公式サンプルコードは次のとおりです.
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は使用数量の正確な制御である
公式に与えられたドキュメントを読むと、開発効率が高くなることがあります.