您当前的位置:首页 > 学无止境 > 区块链 区块链

【k线】v-charts绘制图表限制小数位数

caster2019-05-19 01:59:33 区块链 人已围观

简介v-charts 限制小数精确位数是通过 digit属性来实现的

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
            }
          };
        },

具体配置参数
   
配置项 简介 类型 备注
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






 

文章评论

打赏

  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:你说多少就多少~