8

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

我的问题是：是否可以完全在图形之外显示一个图例，在 HTML 页面或它自己的 div 中具有自己的位置？

4

3 回答 3

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

您可以像上面的代码一样使用放置：“外部”。您可以使用 marginTop,marginBottom,marginRight,marginLeft 属性来移动它。

于 2013-11-18T12:29:03.610 回答
3

也许你可以隐藏第 2 到最后一张图的图例，如下所示：

legend: { show:false}

在第一张图中，输入如下内容：

 legend:{
        show:true, 
        placement: 'outside', 
        rendererOptions: {
            numberRows: 1
        }, 
        location:'n'

这样，您将只在图表顶部显示一个图例。

于 2013-01-24T18:10:34.323 回答
0

你在找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-legendhttp://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html

于 2013-01-23T00:20:51.750 回答