Question

首先，提前感谢您的回答。

这是我的问题。我有一个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”被他们的系列名称称为（例如：“克利夫兰”和“多伦多”）。但是我应该把它放在代码中呢？

感谢。

Answer 1

你应该添加：

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' }
        ],
    });
});

JqPlot 1.0如何使用日期轴和图例创建折线图

1 个答案: