show/hide igDataChart 中多个系列中的一行

Question

我搜索了很多通过图例附近或其他地方的切换按钮来改变系列中的一条线的可见性，但没有找到任何特别的东西。

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

有什么建议吗？

Answer 1

查看 "Configurable Visual Elements" 主题 here。

您可以使用提供的 online sample 来更改系列、标记、轴线等元素的可见性。

$("#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");
        });

show/hide igDataChart 中多个系列中的一行

show/hide a line in multiple series in igDataChart

javascript

asp.net-mvc

jquery

infragistics

igdatachart