3

まず第一に、あなたの答えを事前に感謝します。

これが私の問題です。凡例を表示する必要があるJqPlotの折れ線グラフがありますが、シリーズ名を変更する方法がわかりません。どうすればいいですか？

これが私のコードです。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.jqplot.min.js"></script>
<script type="text/javascript" src="plugins/jqplot.dateAxisRenderer.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />

<script type="text/javascript" language="javascript">
$(document).ready(function(){
  var line1=[['2008-06-30',4], ['2008-7-14',6.5], ['2008-7-28',5.7], ['2008-8-11',9],     ['2008-8-25',8.2]];
  var line2=[['2008-06-30',8], ['2008-7-14',5], ['2008-7-28',7], ['2008-8-11',2],     ['2008-8-25',2]];
  var plot2 = $.jqplot('conteneur', [line1,line2], {
      title:'Customized Date Axis', 
      seriesDefaults: {
            rendererOptions: {
                //////
                // Turn on line smoothing.  By default, a constrained cubic spline
                // interpolation algorithm is used which will not overshoot or
                // undershoot any data points.
                //////
                smooth: true
            }
        },
            legend:{ show: true } ,
      axes:{
        xaxis:{
          renderer:$.jqplot.DateAxisRenderer, 
          tickOptions:{formatString:'%b %#d, %#I %p'},
          min:'June 16, 2008', 
              tickInterval:'1 month'
        }
      },
      series:[{lineWidth:4, markerOptions:{style:'square'}}]
  });
});
</script>

</head>
<body>

<div id="conteneur"></div>

</body>
</html>

私が本当にやりたいのは、伝説では「シリーズ1」と「シリーズ2」はシリーズ名で呼ばれていることです（例：「クリーブランド」と「トロント」）。しかし、コードのどこに配置する必要がありますか？

ありがとう。

4

1 に答える 1

5

追加する必要があります：

series: [
                { label: 'Toronto' },
                { label: 'New York' }
        ]

これは完全なコードです：

<script type="text/javascript" language="javascript">
$(document).ready(function () {
    var line1 = [['2008-06-30', 4], ['2008-7-14', 6.5], ['2008-7-28', 5.7], ['2008-8-11', 9], ['2008-8-25', 8.2]];
    var line2 = [['2008-06-30', 8], ['2008-7-14', 5], ['2008-7-28', 7], ['2008-8-11', 2], ['2008-8-25', 2]];
    var plot2 = $.jqplot('conteneur', [line1, line2], {
        title: 'Customized Date Axis',
        seriesDefaults: {
            rendererOptions: {
                //////
                // Turn on line smoothing.  By default, a constrained cubic spline
                // interpolation algorithm is used which will not overshoot or
                // undershoot any data points.
                //////
                smooth: true
            }
        },
        legend: { show: true },
        axes: {
            xaxis: {
                renderer: $.jqplot.DateAxisRenderer,
                tickOptions: { formatString: '%b %#d, %#I %p' },
                min: 'June 16, 2008',
                tickInterval: '1 month'
            }
        },
        series: [{ lineWidth: 4,
            markerOptions: { style: 'square' }

        }],
        series: [
                { label: 'Toronto' },
                { label: 'New York' }
        ],
    });
});

于 2012-07-24T19:01:40.467 に答える