图形之外的JQPlot图例

Question

我正在使用JQPlot,我在一个HTML页面上有很多图表.每个图表都有相同的图例.

我的问题是:是否有可能在HTML页面或其自己的div中显示一个完全位于图形之外的图例？

Answer 1

legend:{ 
                show:true,
                    renderer: $.jqplot.EnhancedLegendRenderer,
                    location: 's' ,
                    placement : "outside",
                    marginTop : "30px",
                    rendererOptions: {
                        numberRows: 1
                    }
                 },

您可以使用展示位置:"外部",如上面的代码所示.您可以使用marginTop,marginBottom,marginRight,marginLeft属性移动它.

Answer 2

你在找吗title？您可以设置 .jqplot-title 的样式以使其显示不同。默认情况下它显示在图表之外。

$.jqplot('chartdiv',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]],
{ title:'Exponential Line',
  axes:{yaxis:{min:-10, max:240}},
  series:[{color:'#5FAB78'}]
});

您还可以重新设计图例。请table.jqplot-table-legend参阅http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html