3

この円グラフのサイズを縮小する方法を知っている人はいますか？LazyHighChartsの宝石を使用しています。

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

ここに画像の説明を入力してください

4

2 に答える 2

6

Highchart APIを使用して、幅と高さを明示的に定義することもできます。

 $('#container').highcharts({
       chart: {
                height: 200,
               width:100
            });
于 2015-07-17T08:22:32.163 に答える
4

Highchartsは、renderToオプションで指定した包含divを埋めるためにチャートをレンダリングします。あなたの場合、あなたは以下を指定しています：

renderTo:"mediamix#{akid.to_s}"

私はLazyHighchartsGemを使用していないので、これが何を指しているのかわかりませんが、このdivが定義されている場所をコードで調べ、高さと幅を必要なサイズに設定する必要があります。

于 2013-03-26T15:26:43.240 に答える