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

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()。但是，您可能有其他变量及其值。 考虑到这一点，您可以使用以下解决方法：

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

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

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

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

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