天天看點

【k線】v-charts繪制圖表限制小數位數

v-charts 限制小數精确位數是通過 digit屬性來實作的

// k線圖資料設定
        kmapSetting() {
          this.chartSettings = {
            showMA: true,
            digit: 8,
            showVol: true,
            showSymbol: false,
            downColor: "#fa5252",
            upColor: "#12b886",
            size: 20,
            labelMap: {
              日K: this.choise
            }
          };
        },           

具體配置參數

settings 配置項
    配置項     簡介     類型     備注
    dimension     次元     array     預設columns第一項為次元
    metrics     名額     array     預設columns第二項起為名額
    xAxisType     橫軸的資料類型     string     可選值: category, value, time, log
    yAxisType     左右坐标軸資料類型     array     可選值: KMB, normal, percent
    yAxisName     左右坐标軸标題     array     -
    axisSite     名額所在的軸     object     預設不在right軸的名額都在left軸
    stack     堆疊選項     object     -
    area     是否展示為面積圖     boolean     預設為false
    scale     是否是脫離 0 值比例     array     預設為[false, false],表示左右
    兩個軸都不會脫離0值比例。
    設定成 true 後坐标刻度不會
    強制包含零刻度
    min     左右坐标軸最小值     array     -
    max     左右坐标軸最大值     array     -
    digit     設定資料類型為percent時保留的位數     number     預設為2
    labelMap     設定名額的别名,同時作用于提示框和圖例     object     -
    legendName     設定圖表上方圖例的别名     object     -           

文檔位址:

https://v-charts.js.org/#/line

繼續閱讀