extjs:如何隐藏传奇中的系列名称?

时间:2013-10-30 13:40:36

标签: javascript extjs charts

我想隐藏传奇中的系列名称,我该怎么做?

Ext.each(chart.series.items, function(series) {
            if (series.yField = 'done') {
                alert('found done');
                // hides the series
                series.hideAll();

                series.showInLegend = false; // STILL SHOWS
                return false;
            }
        });

感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

您可以采取一种解决方法来专门定位某些图例条目,例如:如果您为图例指定模板:

legend: {
    itemTpl: [
        '<tpl if="value != seriesToHide">', // <= template condition
            '<span class="{[values.disabled?\'x-legend-inactive\':\'\']}" style="background:{mark};"></span>{name}',
        '</tpl>'
    ]
}

您可以使用模板条件根据传递的值显示/隐藏某些条目(如果这不起作用,请将值替换为name)。

或者,您也可以为模板分配一个类,例如x-legend-series-{name}并在CSS文件中为您希望隐藏的系列创建遵循该模式的类,例如。

.x-legend-series-seriesToHide{
  display:none;
}

e.g。

legend: {
    itemTpl: [
        '<tpl>',
           '<span class="x-legend-series-{name}">',
              '<span class="{[values.disabled?\'x-legend-inactive\':\'\']}" style="background:{mark};"></span>{name}',
           '</span>'
        '</tpl>'
    ]
}

答案 1 :(得分:0)

在Ext js 6.2中,系列中有选项“ showInLegend”。 :)