하이 차트 - 두 범주 사이의 라인

유형의 차트가 있으며 범위는이며 두 가지 카테고리를 연결하는 라인이 있어야합니다.하이 차트 - 두 범주 사이의 라인

$(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 내 의견을 만나면 요 ur 요구 사항 나는 대답으로 게시 할 것입니다 –

@ GrzegorzBlachliński 이것은 내가 찾고있는 것입니다. 그것은 나에게 좋은 출발이다. .. 고마워! pls 대답을 게시 ... – 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/

또한 사용할 수 있습니다 차트에 줄을 추가하는 렌더러 경로 : http://api.highcharts.com/highcharts/Renderer.path

출처

2016-09-23 08:28:54

하이 차트 - 두 범주 사이의 라인

답변

관련 문제