Highcharts欄+多個系列的組合線圖

Question

在我的圖中，我想同時添加柱形圖和線形圖（趨勢線）以進行計數。 我的代碼是這樣的

                     var crime_data=[];
                            for(var i=0;i<result.themes.length;i++){
                              var crime={};
                              var test2 = result.themes[i];
                              var test = test2[Object.keys(test2)];
                              console.log("test",test);
                              crime.name = Object.keys(result.themes[i]);
                              crime.data = [];
                                var test1 = test.individualValueVariable;
                                for(var j=0;j<test1.length;j++){
                               crime.data.push(test1[j].count);
                             };
                              crime_data.push(crime);
                            };
        var crimeChart = new Highcharts.Chart({
            chart: {
             renderTo: 'container1',
             type: 'colomn'
            },

            xAxis: {
                categories:year,
                crosshair: true
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Count'
                }
            },
                credits: {
                    enabled: false
            }, 
            tooltip: {

                shared: true,
            },
            plotOptions: {

                column: {
                    pointPadding: 0.2,
                    borderWidth: 0,
                    depth: 25,
                    allowPointSelect: true,
                    cursor: 'pointer',
                    point: {
                            },
  }
        },
            series:crime_data
        });

如果我添加“ spline”系列。 我什至沒有得到數據，也沒有趨勢線。 請建議我在這種情況下應如何添加趨勢線。

這是我的JSON：

{
    "boundaries": {
        "boundary": [{
            "boundaryId": "45083021025",
            "boundaryType": "USA_POSTCODE",
            "boundaryRef": "B1"
        }]
    },
    "themes": [{
        "TheftCrimeTheme": {
            "boundaryRef": "B1",
            "individualValueVariable": [{
                "name": "2012 Theft Crime",
                "description": "Theft Crime for 2012",
                "count": 310
            }, {
                "name": "2013 Theft Crime",
                "description": "Theft Crime for 2013",
                "count": 230
            }]
        }
    }, {
        "AssaultCrimeTheme": {
            "boundaryRef": "B1",
            "individualValueVariable": [{
                "name": "2012 Assault Crime",
                "description": "Assault Crime for 2012",
                "count": 50
            }, {
                "name": "2013 Assault Crime",
                "description": "Assault Crime for 2013",
                "count": 41
            }]
        }
    }]
}

請建議我該怎么做。

Answer 1

Highcharts沒有內置趨勢線功能。您可以使用類似以下內容的方法： https : //github.com/virtualstaticvoid/highcharts_trendline計算趨勢線值並將其傳遞給新的線系列。