Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/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
Highcharts 每列高度图表渐变不总是有效_Highcharts_Highstock - Fatal编程技术网

Highcharts 每列高度图表渐变不总是有效

Highcharts 每列高度图表渐变不总是有效,highcharts,highstock,Highcharts,Highstock,我试图制作一张图表,其中每列都有一个渐变。当屏幕大或显示的点数小时,它工作正常。例如,显示一周积分的移动视图可以工作,但显示一个月或三个月的则不行。它不再使用渐变,而是切换回使用纯色 这里有一个jsfiddle链接,应该让它更清楚。如果您调整窗口的大小,您应该会看到图表中的颜色从每个具有自己的渐变的列更改为它们都是相同的纯色 谢谢你的帮助 -卡尔 发生这种情况的原因是,如果你有大量的点和小宽度的高图表组的点-这意味着他们失去了各自的颜色。您可以禁用数据分组来克服这种行为!非常感谢你的帮助。 $

我试图制作一张图表,其中每列都有一个渐变。当屏幕大或显示的点数小时,它工作正常。例如,显示一周积分的移动视图可以工作,但显示一个月或三个月的则不行。它不再使用渐变,而是切换回使用纯色

这里有一个jsfiddle链接,应该让它更清楚。如果您调整窗口的大小,您应该会看到图表中的颜色从每个具有自己的渐变的列更改为它们都是相同的纯色

谢谢你的帮助
-卡尔


发生这种情况的原因是,如果你有大量的点和小宽度的高图表组的点-这意味着他们失去了各自的颜色。您可以禁用数据分组来克服这种行为!非常感谢你的帮助。
$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-v.json&callback=?', function (data) {
let answerData = data.map(dataPoint => {
    let endColor

    if ( dataPoint[1] > 28350555){
      endColor = 'red'
      } else {
      endColor = 'green'
      }

      return {
        x:dataPoint[0],
        y:dataPoint[1],
        color: {
            linearGradient: {
                x1: 0,
                x2: 0,
                y1: 0,
                y2: 1
            },
            stops: [
                [0, endColor],
                [1, 'yellow']
            ]
        },

    }
  })

// create the chart
Highcharts.stockChart('container', {
    chart: {
        alignTicks: false
    },

    rangeSelector: {
        selected: 1
    },
    plotOptions:{
    series:{
    turboThreshold: 0
    }
    },

    title: {
        text: 'AAPL Stock Volume'
    },

    series: [{
        type: 'column',
        name: 'AAPL Stock Volume',
        data: answerData

    }]
  });
});