在 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");
        });