天天看點

echarts 修改k線圖的tooltips名稱

var option = this.priceChart.getOption()
      console.log(option)
      var kpEn = this.$dirct('開盤')
      var zdEn = this.$dirct('最低')
      var spEn = this.$dirct('收盤')
      var zgEn = this.$dirct('最高')
      var cjlEn = this.$dirct('成交量')
      option.tooltip = {
        trigger: 'axis',
        axisPointer: {
          type: 'cross'
        },
        backgroundColor: 'rgba(245, 245, 245, 0.8)',
        borderWidth: ,
        borderColor: '#ccc',
        padding: ,
        textStyle: {
          color: '#000'
        },
        formatter: function (params) {
          console.log(params)
          var obj = {}
          if (params[].value[] !== undefined) {// 防止放上去提示undefined
            obj = {
              sName: params[].seriesName,
              name: params[].name,
              start: params[].value[],
              close: params[].value[],
              low: params[].value[],
              height: params[].value[],
              vol: params[].value
            }
          } else {
            obj = {
              sName: params[].seriesName,
              name: params[].name,
              start: params[].value[],
              close: params[].value[],
              low: params[].value[],
              height: params[].value[],
              vol: params[].value
            }
          }
          console.log(obj)
          var res = obj.sName + ' ' + obj.name
          res += '<br/>  ' + kpEn + ' : ' + obj.start + '  ' + zdEn + '  : ' + obj.height
          res += '<br/>  ' + spEn + ' : ' + obj.close + '  ' + zgEn + ': ' + obj.low
          res += '<br/>  ' + cjlEn + ': ' + obj.vol
          return res
        }
      }
      this.priceChart.setOption(option)
           

繼續閱讀