vue echarts k线图提示框tooltip 怎么自定义每个字段的名字?yuan代码怎么看?

Question

tooltip: {
        trigger: 'axis',
        axisPointer: {
          type: 'cross'
        },
        borderWidth: 1,
        borderColor: '#ccc',
        padding: 10,
        textStyle: {
          color: '#000'
        },
        position: function (pos, params, el, elRect, size) {
          const obj = {
            top: 10
          };
          obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 30;
          return obj;
        }
        // extraCssText: 'width: 170px'
      },

这里 position 里 默认 字段名是 open close MA5 MA10 ,能不能自己命名,
并且加振幅字段, 振幅:hightest / lowest?
到底要怎么做?
怎么感觉是写死的
代码怎么看?

Answer 1

回答：数据是可以改变的，字段名字也很好改变，就是这个open、close需要花点心思实验一下，动手一下，可以看看官方文档里面的配置项和例子；
参考文章：https://www.cnblogs.com/steamed-twisted-roll/p/14368766.html

实例效果：

选择路径重写解决官方示例里jquery的跨域问题：

测试项目下载：https://gitee.com/anxwefndu/echarts-drawing-example

推荐该项目，可进行绘图学习：https://gitee.com/anxwefndu/stock-prediction-system