以编程方式在 HTMLChart 中设置列​​标签

Question

见Telerik column chart demo here。请注意每列上方的标签，例如“25000 销售额”。现在请注意在声明性代码中如何设置此标签：

<LabelsAppearance DataFormatString="{0} sales" Position="OutsideEnd"></LabelsAppearance>

我需要以编程方式设置 DataFormatString，或者（更好）我需要将它设置为来自 sql server 的数据集中的列的值。该列的数据当前不在图表上，因为我只希望在每列顶部的标签处使用该列的数据。我也不知道该怎么做。是怎么做到的？

Answer 1

通过使用 ClientTemplate：http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/clienttemplate/overview

您可以在标记或代码隐藏中设置它：

                    <telerik:ColumnSeries>
                        <LabelsAppearance>
                            <ClientTemplate>
                                  #=dataItem.someColumn#
                            </ClientTemplate>
                        </LabelsAppearance>
                    </telerik:ColumnSeries>

或者对于已经存在的图表：

(RadHtmlChart1.PlotArea.Series[0] as ColumnSeries).LabelsAppearance.ClientTemplate= "#=dataItem.someColumn#";

当然，您可以以任何您喜欢的方式访问该系列。