2016-12-09 2 views
1

차트 그리기를 위해 차트 작성시 highcharts 라이브러리를 사용하고 있습니다.Chartkick 원형 차트 범례 사용자 정의

원형 차트의 범례를 사용자 정의해야하지만 할 수있었습니다.

나는 전설 별도로 표시 할 필요가) 내 코드는이

enter image description here

결과

<%= pie_chart Question.group(:user_id).count %> 

입니다하지만 즉

enter image description here

같은 뭔가가 필요 .

범례의 데이터는 고려하지 말고 두 차트에서 다를 수있는 샘플 데이터 일뿐입니다.

답변

1

원형 차트의 기본 옵션을 편집해야합니다.

  1. 해제 데이터 레이블 : http://jsfiddle.net/qor8fhqb/2/

    plotOptions: { 
        pie: { 
        dataLabels: { 
         enabled: false 
        } 
        } 
    }, 
    
  2. 전설의 파이 시리즈를 보여주는 활성화 http://jsfiddle.net/qor8fhqb/3/

    series: [{ 
        showInLegend: true, 
    
  3. 전설의 기호 사용자 정의 http://jsfiddle.net/qor8fhqb/4/

    legend: { 
    symbolWidth: 40, 
    // symbolHeight: 20, 
    squareSymbol: false, 
    symbolRadius: 0 
    }, 
    

이것은 래퍼 (wrapper)가없는 순수 하이 차트 (highchart)를위한 구성입니다.

관련 문제