Question

您好我有一个使用jqPlot生成的饼图。但是jqPlot区域覆盖了页面的整个宽度。我想只在页面的左半部分显示。请允许我提供一些帮助来做到这一点。我的代码如下 -

var plot2 = jQuery.jqplot ('month_record', [data], 
{ 
  title: "Records saved per month in the previous year",
  seriesDefaults: {
    // Make this a pie chart.
    renderer: jQuery.jqplot.PieRenderer, 
    rendererOptions: {
      // Put data labels on the pie slices.
      showDataLabels: true,
      startAngle:-90,
      dataLabels: monthRecord,
      dataLabelFormatString:'%d',

    }
  }, 
  legend: { show: true, location: 'e' }
}

）;

Answer 1

jqPlot使用容器<div>的高度/宽度来设置绘图尺寸。

<div id="chart" style="width: 400px; height: 260px;" class="jqplot-target">
    <!-- plot will render here with the above dimensions -->
</div>

使jqPlot区域更小

1 个答案: