在igDataChart中显示/隐藏多个系列的一行

Question

我搜索了很多，以改变线的可见度，通过切换按钮在传说或其他地方，但没有什么特别的。

它是具有两个或多个字段的实时数据的igDataChart，很难看出哪个值与字段相关，因为大多数数据同时具有相同的值。要解决这个问题，我想要隐藏一个或多个字段的串联。

有什么建议吗？

Answer 1

查看“可配置的视觉元素”主题这里。

您可以使用提供的在线样本来更改元素的可见性，例如，序列、标记、轴线等。

$("#priceSeries").click(function () {
            var posBrush = ($(this).is(":checked")) ? priceSeriesPositiveBrush : transperantBrush;
            var negBrush = ($(this).is(":checked")) ? priceSeriesNegativeBrush : transperantBrush;
            var outlineBrush = ($(this).is(":checked")) ? priceSeriesOutline : transperantBrush;
            var visibility = ($(this).is(":checked")) ? "visible" : "collapsed";
            $("#chart").igDataChart("option", "series", [
               {
                   name: "priceSeries",
                   brush: posBrush, negativeBrush: negBrush, outline: outlineBrush,
                   legendItemVisibility: visibility
               }]);
            $("#chart").igDataChart("styleUpdated");
        });