Question

我必须绘制两个不同的样条系列。我从Web服务获得第一行的值，而第二行由两个唯一值组成，这意味着它是一条直线。代码如下

var options = {
    chart: {
        renderTo: 'container'
    },
    yAxis: {
        labels: {
            formatter: function () {
                return '€ ' + this.value;
            }
        }
    },
    xAxis: {
        categories: seriesMesi
    },
    series: [
        {
            name: 'scenario sfavorevole',
            color: '#FF3300',
            type: 'spline',
            data: [0, 12175],
            marker: {
                fillColor: 'none',
                lineColor: null
            }
        },
        {
            name: 'Valori del piano',
            color: 'blue',
            type: 'spline',
            marker: {
                fillColor: 'none',
                lineColor: null
            }
        }]
};

options.series[1].data = seriesValoriPiano;
var chart = new Highcharts.Chart(options);

我无法表示直线：它必须占据整个x轴，这意味着在第一个和最后一个x值之间，但在我的情况下，它只占据第一个和第二个x值之间的范围。如何表示占据所有x值的直线？

非常感谢

Answer 1

我假设你通过$ .ajax（）;

从webservice获取数据

$.get(url,function(data){

var options = {
series:[{
    //your hardcoded data
  },{
    data:data //data from ajax
  }]
}

var chart = new Highcharts.Chart(options);


});

绘制两个具有不同数值的样条系列

1 个答案: