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