Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts系列显示了';列';和';第'行;图表_Javascript_Charts_Highcharts - Fatal编程技术网

Javascript Highcharts系列显示了';列';和';第'行;图表

Javascript Highcharts系列显示了';列';和';第'行;图表,javascript,charts,highcharts,Javascript,Charts,Highcharts,我有一张有两个Y轴的海图。这两个都是一开始的折线图,一切都很好。但是,当我将一个Y轴项目更改为柱状图时,图形以不同的方式绘制。似乎有几点遗漏了。我有一个按钮,可以在“列”和“线”图表之间切换。单击按钮后,它会显示不同类型的图形,即使两者的数据相同。这是我的javascript $.getJSON('https://api.myjson.com/bins/whjvj', function (dataSeries2) { $.getJSON('https://api.myjson.com/bin

我有一张有两个Y轴的海图。这两个都是一开始的折线图,一切都很好。但是,当我将一个Y轴项目更改为柱状图时,图形以不同的方式绘制。似乎有几点遗漏了。我有一个按钮,可以在“列”和“线”图表之间切换。单击按钮后,它会显示不同类型的图形,即使两者的数据相同。这是我的javascript

$.getJSON('https://api.myjson.com/bins/whjvj', function (dataSeries2) {
  $.getJSON('https://api.myjson.com/bins/dfoin', function (dataSeries1) {
    $('#container').highcharts('StockChart', {
      yAxis: [{
          height: 250,
          gridLineWidth: 1,
          title: {
            text: 'series 1',
            style: {
              color: '#3eca4f',
            },
          },
        },
        {
          title: {
            text: 'series 2',
            style: {
              color: '#888f94',
            },

          },
          top: 300,
          height: 100,
          offset: 0,
        },
      ],
      series: [{
          name: 'Series 1',
          yAxis: 0,
          type: 'line',
          data: dataSeries1,
        },

        {
          data: dataSeries2,
          name: 'Series',
          type: chartTypeRenew,
          yAxis: 1,
        },
      ],

    });


  });
});


谁能帮我解决这个问题?提前感谢。

当您更改序列类型时,数据分组也会更改,因此点的近似值会有所不同。如果强制将数据分组为“周”,则看起来会更相似(尽管在其他时间间隔中可能会很奇怪)

将此添加到每个系列以强制“周”数据分组():


或获取更多详细信息。

该问题是由数据分组引起的。默认情况下,
列('sum')和
行('average')的近似值不同。您可以禁用
数据分组
或设置相同的
近似值

plotOptions: {
    series: {
        dataGrouping: {
            approximation: 'average'
        }
    }
},
现场演示:

API参考:


文档:

谢谢您的回答。正如您所说,问题在于数据分组。我为数据分组设置了单位,所有问题都解决了。谢谢你的朋友。你的回答帮助我解决了这个问题。
plotOptions: {
    series: {
        dataGrouping: {
            approximation: 'average'
        }
    }
},