Highcharts 데이터 라인

나는이 코드 조각 옵션 및 API 참조를 확인하여 차트를 해봤

function (chart) { 
    chart.series[2].update({ 
     type: 'line', 
     color: 'blue' 
    }); 
}

라인 직렬 변환 여기 My Playground 를 추가 할. 그러나 좋은 해결책을 찾지 못했습니다. 그래서, 어떤 도움?

출처

2014-01-27 user3241013

예를 들자면, 런던 라인은 (화살표처럼 보이지만) 보이지 않습니다. 선은 다른 선과 마찬가지로 마커가있는 점을 가지고 있습니다. 런던 마커 만 삼각형입니다 ... 마지막 점에서 기울어 진 모양 때문에 화살표처럼 보입니다.

내가 HighCharts 차트 :(

출처

2014-01-27 22:37:36

이것은 좋지 않습니다. 하나 있어야합니다. – user3241013

@Eric 왓슨 지시 라인이 지원되지 않는 것을 특징으로

하지만, 수는 달성하기에 지시 라인을 보지 않은 Highcharts API Reference

에서 마커에 대한 추가 정보를 원하시면있다. 당신이 할 수있는 내가 생각 http://jsfiddle.net/aUMCS/2/

var angle = Math.atan((lastPoint.plotX - nextLastPoint.plotX)/(lastPoint.plotY - nextLastPoint.plotY)); 
    path.push(
     'M', 
     lastPoint.plotX, lastPoint.plotY, 
     'L', 
     lastPoint.plotX + arrowWidth * Math.cos(angle), lastPoint.plotY - arrowWidth * Math.sin(angle), 
     lastPoint.plotX + arrowLength * Math.sin(angle), lastPoint.plotY + arrowLength * Math.cos(angle), 
     lastPoint.plotX - arrowWidth * Math.cos(angle), lastPoint.plotY + arrowWidth * Math.sin(angle), 
     'Z' 
    );

을 각 두 가지 요소로 각 마커, 아니면 그냥 분할 시리즈에 화살표를 추가 한 다음 모든 연결하는 솔루션을 업그레이드 : 스플라인 화살표를 추가하려면 다음 예를 찾을 수있는 방법 시리즈는 linkedTo 옵션을 사용합니다.

출처

2014-01-28 09:48:57

Highcharts 데이터 라인

답변

관련 문제