在运行时切换Shield UI ASP.NET图表dataPointText属性

克里斯·埃文斯（Chris Evans）

我正在网页上使用相关的Shield UI ASP.NET图表。我需要的是能够为用户提供选择是否显示dataPointText的选项。为此，我在第二个网格下方放置了一个复选框，并尝试使用以下代码：

        detailChartElement.shieldChart($.extend(initialOptions, {
            primaryHeader: {
                text: headerText
            },
            if (document.getElementById("CheckBox1").checked == true){
                seriesSettings: {
                    line: {
                        dataPointText: {
                            enabled: true,
                            borderColor: 'red',
                            borderWidth:3
                        }
                    }
                },
            },

但是当我放置代码时，页面上没有任何网格显示。我非常仔细地检查了代码，但是没有看到任何逗号漏掉的内容或任何妨碍它正常工作的内容。

埃德·扬科夫斯基

您犯的错误不是句法上的，而是概念上的。在创建图表的代码中：

   detailChartElement.shieldChart($.extend(initialOptions, {
   }));

您只能放置Shield UI ASP.NET图表的属性及其属性。您可能没有像IF（）这样的逻辑检查。但是，您可能还有其他变量及其值。考虑到这一点，您可以使用以下解决方法：

在用于重新创建图表的函数中，放置以下代码：

    var showlabels = document.getElementById("CheckBox1").checked;

然后，您将系列设置代码放入图表创建例程中：

            seriesSettings: {
                line: {
                    dataPointText: {
                        enabled: showlabels,
                        borderColor: 'red',
                        borderWidth:bordersize
                    }
                }
            },

这些属性和值将始终存在，但是只有在选中该复选框后才能启用它们。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。