테이블 내부에 하이 차트 파이 차트 범례 만들기

테이블 내부에 하이 차트 범례를 만드는 방법이 있습니까? 각 요소와 사용자 정의 테두리에 배경색을 번갈아 가며 Highcharts 파이에 대한 범례의 배경을 스타일링 할 수 있기를 원합니다.테이블 내부에 하이 차트 파이 차트 범례 만들기

전설의 서식을 지정했으나 서식을 지정할 수있는 표 안에 포함시키는 방법을 찾지 못했습니다.

legend: { 
     layout: 'vertical', 
     align: 'center', 
     verticalAlign: 'bottom', 
     backgroundColor: '#f3f3f3', 
     borderWidth: 0, 
     useHTML: true, 
     itemMarginBottom: 10, 
     labelFormatter: function() { 
      return '<div style="width:200px"><span style="float:left">' + this.name + '</span><span style="float:right">' + this.percentage.toFixed(0) + '%</span><span style="float:right; margin-right:15%">$' + Highcharts.numberFormat(this.y, 0) + '</span></div>'; 
     } 

    },

JS 바이올린 : 어떤 도움을 주시면 감사하겠습니다 http://jsfiddle.net/hAnCr/135/

. 감사!

출처

2013-10-08 Chris Martinez

페이지의 어딘가에 별도의 표에 범례를 넣으려면 지원되지 않습니다.

그냥 그대로 표준 전설을 생성하지만, 단지 스팬 대신 테이블을 사용하려면 :

대신 return <div style="width:200px"> ... </div> 사용 return <table> ... </table>
설정 useHTML : 사실

출처

2013-10-08 10:14:32

고맙지 만입니다 별도로 스타일을 지정할 수 있도록 각 요소를 별도의 테이블 행에 배치하는 방법이 있습니까? 전설의 각 요소에 배경색을 번갈아 가며 사용하고 싶습니다. –

아, 오해해서 미안해. 불행히도 범례에는 모든 라벨에 대해 하나의 포맷터가 없지만 각 라벨에 대한 포맷터가 있으므로 각 항목이 행인 한 테이블을 반환하는 것은 지금 불가능합니다. –

다음은 CSS를 사용하여 간단한 해결 방법입니다 : http://jsfiddle.net/hAnCr/136/ (글꼴 색만 변경, 다른 것은 동일하게 변경). –

테이블 내부에 하이 차트 파이 차트 범례 만들기

답변

관련 문제