微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Highcharts - 指标数据未显示在折线图中

如何解决Highcharts - 指标数据未显示在折线图中

  1. 我正在从端点获取数据

  2. 我在高图中显示数据

  3. 有几个指标可以选择。对于它们中的每一个,在主轴下方添加了另一个 yAxis。

  4. 我的系列数据是这种格式:

     series: [
      {
        data: [],id: 'prices',step: this.hasstep,name: this.$props.title,fillColor: 'rgba(127,183,240,0.2)',},{
        visible: false,type: 'column',id: 'volume',name: 'Volume_hardcoded',//linkedTo: 'prices',data: this.volumeSeries,],
  5. 我是按照如下方式保存数据的(逻辑上不用注意,没问题):

       if (this.selectedTimeSpan.tickInterval === 1) {
        for (let i = 0; i < prices.length; i++) {
          let xData = null;
          this.selectedTimeSpan.getInTradayData
            ? (xData = Math.floor(new Date(prices[i].time).getTime()))
            : (xData = Math.floor(new Date(prices[i].date).getTime()));
          priceSeries[i] = {
            x: xData,open: prices[i].first,high: prices[i].high,low: prices[i].low,close: prices[i].last,y: prices[i].last,volume: prices[i].TradingVolume,};
          this.volumeSeries[i] = {
            x: xData,y: prices[i].TradingVolume,};
        }
      } else {
        let j = 0;
        for (
          let i = 4;
          i < prices.length;
          i += this.selectedTimeSpan.tickInterval
        ) {
          priceSeries[j] = {
            x: Math.floor(new Date(prices[i].date).getTime()),};
          this.volumeSeries[j] = {
            x: Math.floor(new Date(prices[i].date).getTime()),};
          j++;
        }
      }
    
  6. 当我选择 these 指标(它们基于交易量)时,我得到 this 结果。(您可以在主图表下方看到一个空白区域。)相反,当我切换到 OHLC 或烛台,我的主要系列 (series[0]) 看起来工作正常,看起来像 this。知道为什么会这样吗?我根本没有触及工具提示设置(以防出现问题)。我现在正在挣扎 2 天,它无法真正弄清楚。任何帮助将不胜感激。如果您需要更多信息,请随时发表评论,以便我提供。提前致谢。克里斯。

解决方法

已修复,在系列对象中有一个名为usedOhlcData 的标志可以使用。 (series[0] 在我的情况下]。我们只是将其设置为 true。

series:[{
    data:[],useOhlcData:true,...},{
    ...
    }]

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。