HighCharts : 차트의 크기 줄이기

이 원형 차트의 크기를 줄이는 방법을 아는 사람이 있습니까? 나는 Lazy High Charts gem을 사용하고 있습니다.HighCharts : 차트의 크기 줄이기

return LazyHighCharts::HighChart.new('pie') do |f| 
     f.chart({:defaultSeriesType=>"pie" , :margin=> [0, 0, 0, 0], backgroundColor: "#F5F5F5", renderTo: "mediamix#{akid.to_s}"}) 
     f.series({:type=> 'pie', :name=> "Count",:data=> data_val, borderWidth: 0}) 
     f.title({ :text=> nil}) 
     f.plot_options({:pie=>{:allowPointSelect=>true, :cursor=>"pointer" , dataLabels: {enabled: true}, showInLegend: false}}) 
    end

enter image description here

출처

2013-03-26 Pykih

Highcharts 당신이 renderTo 옵션에서 지정하는 컨테이너 div 채우기 위해 차트를 렌더링합니다. 귀하의 경우에는, 당신이 지정됩니다

renderTo:"mediamix#{akid.to_s}"

내가 게으른 Highcharts 보석을 사용하지 않는, 그래서이가 참조 무엇인지 모르겠지만,이 사업부가 정의되는 경우에 대한 귀하의 코드를 볼 필요, 높이와 너비를 필요한 크기로 설정하십시오.

또한 explitly Highchart API를 통해 폭과 높이를 정의 할 수 있습니다

출처

2013-03-26 15:26:43 SteveP

난 당신이 (mediamix # {akid.to_s}를) 볼 수있는 동적으로 DIV의 ID를 생성하고이 스타일 시트에서 알 수없는 ID입니다. ID가 high_chart 명령 = high_chart ("mediamix # {f.id.to_s}", Gakie.pie (f.id)) 내에서 사용 중임 – Pykih

솔루션을 찾았습니다. 당신 말이 맞아요. – Pykih

div에 크기를 어떻게 든 지정해야합니다. 클래스를 지정하거나 height/width 속성을 설정하거나 javascript/jquery를 사용하여 크기를 수정하십시오. – SteveP

: ... 따라서 나는 스타일 수 없습니다

$('#container').highcharts({ 
     chart: { 
       height: 200, 
       width:100 
      });

출처

2015-07-17 08:22:32

HighCharts : 차트의 크기 줄이기

답변

관련 문제