2

我有一个填充了六个数据系列的矩阵,我想用相同的名称标记前五个“进程 a”(也给它们相同的颜色),而左边的一个标记为“进程 b”。那么有没有办法在 jqplot 中做到这一点?感谢您的任何建议。

这是代码和演示

$(document).ready(function(){
        $.jqplot.config.enablePlugins = true;

        s1 = [[10.0, 11.0, 11.0, 12.0, 12.0, 14.0], [10.0, 11.0, 12.0, 12.0, 12.0, 12.0], [10.0, 13.0, 14.0, 15.0, 15.0, 16.0], [10.0, 10.0, 11.0, 11.0, 11.0, 12.0], [10.0, 10.0, 11.0, 12.0, 12.0, 12.0]];
        s2 = [10.0, 10.4, 10.816, 11.248640000000002, 11.698585600000003, 12.166529024000004];

        s1.push(s2);
        $.jqplot('chart1', s1, {

            seriesDefaults: { 
            showMarker:false,
             pointLabels: { show:false } ,
              },

            series:[
            {label:'Process A'},{label:'Process B'}
            ],

             legend: {
                  show: true,
                  location: 'nw',
                  placement: 'inside',
                fontSize: '11px'
            } 
        })   
    })​
4

1 回答 1

2

是的,有办法。我想这就是你想要的。 你已经走在正确的轨道上了。您只需要相应地为每个系列重复设置标签和颜色,如代码示例或以下所示:

series:[
  {label:'Process A', color: 'red'}, {label:'Process A', color: 'red'}, {label:'Process A', color: 'red'}, {label:'Process A', color: 'red'}, {label:'Process A', color: 'red'}, {label:'Process B',color:'blue'}
]

编辑:

这是我展示如何操纵图例的答案。

另请找到此示例,扩展其他答案的代码。该示例显示了如何隐藏索引为 1 的图例。jQuery基本上,您可以使用's 方法获取样本和标签并隐藏它们hide()

var swatches = $('table.jqplot-table-legend tr td.jqplot-table-legend-swatch');
var labels = $('table.jqplot-table-legend tr td.jqplot-table-legend-label');
$(swatches[1]).hide();
$(labels[1]).hide();
于 2012-07-12T08:22:13.123 回答