Highcharts - 兩個類別之間的線

我有一個類型爲列的圖表，我的要求是有一條線連接兩個類別。Highcharts - 兩個類別之間的線

$(function() { $('#container').highcharts({ 
chart: { 
    type: 'columnrange', 
    inverted: true 
}, 
title: { 
    text: 'Test' 
}, 
subtitle: { 
    text: 'Sample' 
}, 
xAxis: { 
    categories: ['Jan', 'Feb', 'Mar'], 
    visible: false 
}, 
yAxis: { 
    visible: false 
}, 
legend: { 
    enabled: false 
}, 
series: [{ 
    name: 'Series1', 
    data: [ 
    [0, 3], 
    [0, 3], 
    [0, 3] 
    ], 
    pointPlacement: -0.20, 
    pointWidth: 50 
}, { 
    name: 'Series2', 
    data: [ 
    [3, 6], 
    [3, 6], 
    [3, 6] 
    ], 
    pointPlacement: 0, 
    pointWidth: 1 
}, { 
    name: 'Series3', 
    data: [ 
    [6, 9], 
    [6, 9], 
    [6, 9] 
    ], 
    pointPlacement: 0.20, 
    pointWidth: 50 
}] });});

如何畫從一類到另一條線嗎？有沒有可用的房產？

來源

2016-09-22 damseldeebi

你可以在這種情況下添加新的行系列：http://jsfiddle.net/ebtygovh/6/你也可以使用renderer.path http：//api.highcharts .com/highcharts/Renderer.path如果我的評論會遇到喲你的要求我會張貼它作爲答案 –

@GrzegorzBlachliński這是我正在尋找。這對我來說是一個很好的開始..謝謝！請發佈一個答案... – damseldeebi

您應該能夠通過簡單地增加新的生產線系列，以圖表來實現類似的圖表：

{ 
     name: 'Series4', 
     type: 'line', 
     marker: { 
     enabled: false 
     }, 
     index: 1, 
     data: [ 
     [0, 1.5], 
     [1, 1.5], 
     [2, 1.5] 
     ], 
    },

在這裏你可以看到一個例子，如何這張圖可能工作：http://jsfiddle.net/ebtygovh/6/

您還可以使用renderer.path添加行到你的圖表：http://api.highcharts.com/highcharts/Renderer.path

來源

2016-09-23 08:28:54

Highcharts - 兩個類別之間的線

回答

相關問題