HighCharts：减小图表的大小

Question

有人知道如何缩小这个饼图的尺寸吗？我正在使用Lazy High Charts gem。

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

- Pykih

Answer 1

您还可以通过 Highchart API 明确地定义宽度和高度：

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

- Hyder B.

Answer 2

Highcharts将图表渲染到您在renderTo选项中指定的包含div中。在您的情况下，您正在指定：

renderTo:"mediamix#{akid.to_s}"

我不使用Lazy Highcharts Gem，因此不知道这是指什么，但您需要查找代码中定义此div的位置，并将其高度和宽度设置为所需大小。

- SteveP

---

我正在动态生成DIV ID，如你所见（mediamix#{akid.to_s}）...因此我无法从样式表中为这个未知的ID设置样式。该ID在high_chart命令中被使用= high_chart("mediamix#{f.id.to_s}", Gakie.pie(f.id))。 - Pykih

您必须以某种方式为div指定大小。可以给它添加一个类，设置其高度/宽度属性，或使用javascript/jquery来修改其大小。 - SteveP