Question

我在网页上使用相关的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
                        }
                    }
                },
            },

但是当我放置代码时，页面上没有任何网格显示。我仔细检查了代码，但没有看到任何错过的逗号或任何阻止它工作的东西。

Answer 1

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

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

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

在用于重新创建图表的函数中，您可以输入以下代码：

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

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

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

属性和值将始终存在，但只有在选中复选框时才会启用它们。

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

1 个答案: