0
막대 그래프에 동적 열이 있습니다. 내가 원하는 것은 마지막 열을 제외한 모든 열은 회색이어야합니다. 마지막 열은 초록색이어야합니다.하이 차트의 마지막 열 강조 표시
누구든지 나를 도와 줄 수 있습니까?
A
답변
1
zones을 사용할 수 있습니다.
데모 : http://jsfiddle.net/udL2ads2/6/
$(function() {
var histSuccess = [100, 99, 100, 98, 98, 99.9, 97.5, 100, 95, 90];
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Column chart with last column different color'
},
yAxis: {
min: 0,
title: {
text: 'Total'
}
},
series: [{
name: 'Test',
color: 'grey',
data: histSuccess,
zoneAxis: 'x',
zones: [{
\t value: histSuccess.length - 1.5,
color: 'grey'
},{
\t color: '#66ff33'
}]
}]
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
3
이 방법으로 마지막 열까지 색상을 줄 수
series: [{
name: 'Test',
color:'grey',
data: [50, 30, 40, 70, {y: 34, color: '#66ff33'}]
}]
따라서 데이터 배열은 배열의 마지막 값에 대해 다음 동적 인 경우에는의 {y: 34, color: '#66ff33'}로 마지막 요소를 확인해야합니다 정렬.
+0
이 잘 작동하지만 문제는 내가 어떤 계산을위한 데이터의 마지막 멤버를 사용하고 있다는 점이다. 그리고 그것을 {y : 34, color : '# 66ff33'}으로 주면 계산을 할 수 없습니다. 그렇다면 "시리즈"태그 밖에서이 색상을 정의 할 수있는 방법은 무엇입니까? –
+0
배열을 만드는 방법을 게시 할 수 있습니까 –
+0
var histSuccess = [100, 99, 100, 98, 98, 99.9, 97.5, 100, 95, 90]와 같은 형식의 일반적인 배열입니다. –
고맙습니다. 매력처럼 작동합니다. :) –