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

简介: v-charts 限制小数精确位数是通过 digit属性来实现的 // k线图数据设置 kmapSetting() { this.chartSettings = { showMA: true, digi...

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

目录
相关文章
|
6月前
echarts 柱状图/折线图x轴坐标间隔
echarts 柱状图/折线图x轴坐标间隔
223 0
|
6月前
GEE图表——GEE绘制图表,设定双纵坐标图形以NDVI和RVI为例
GEE图表——GEE绘制图表,设定双纵坐标图形以NDVI和RVI为例
77 0
|
6月前
如何将Excel两列数据转换为统计图、曲线图、折线图?如何自定义某一列作为Excel的统计图横纵坐标?
如何将Excel两列数据转换为统计图、曲线图、折线图?如何自定义某一列作为Excel的统计图横纵坐标?
|
6月前
Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜
Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜
1009 0
|
C++ Python
Python绘制比例直方柱状比重图
Python绘制比例直方柱状比重图
218 1
Python绘制比例直方柱状比重图
35Echarts - 柱状图(交错正负轴标签)
35Echarts - 柱状图(交错正负轴标签)
178 0
echarts 图表解决Y轴刻度在某些情况下不为整数问题
echarts 图表解决Y轴刻度在某些情况下不为整数问题
527 0
|
JavaScript 容器
js实现折线、柱形、散点、扇形统计图之间的转换
js实现折线、柱形、散点、扇形统计图之间的转换
76 0
pyecharts 双Y轴默认网格线不一致如何解决
pyecharts 双Y轴默认网格线不一致如何解决
pyecharts 双Y轴默认网格线不一致如何解决
Excel实现双Y轴折线图(四条折线中有两个主轴两个副轴)
Excel实现双Y轴折线图(四条折线中有两个主轴两个副轴)
Excel实现双Y轴折线图(四条折线中有两个主轴两个副轴)