javascript - グラフ外のJQPlot凡例

Question

私は JQPlot を使用しており、1 つの HTML ページに多くのグラフがあります。各グラフには同じ凡例があります。

私の質問は次のとおりです:HTMLページまたは独自のdivに独自の位置を持つグラフの完全に外側に凡例を表示することは可能ですか?

Answer 1

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

上記のコードのように、placement : "outside" を使用できます。また、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'}]
});

凡例のスタイルを変更することもできます。http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.htmlを参照table.jqplot-table-legendしてください。