我可以使用CSS来更改telerik html图表的颜色/渐变等吗?

时间:2017-01-27 09:42:43

标签: html css charts telerik

我目前有一个使用默认外观的柱形图。我知道我可以在html中更改图表的外观,但我想知道我是否可以使用css类来定义所有这些,如果是这样的话?

<div class="row">
    <div class="col-md-4">
        <telerik:RadHtmlChart runat="server" ID="ColumnChart" Transitions="true">
            <ClientEvents OnSeriesClick="OnChartClick" />
            <PlotArea>
                <Series>
                    <telerik:ColumnSeries DataFieldY="Count" Name="Product" />
                </Series>
                <Appearance>
                    <FillStyle BackgroundColor="Transparent" />
                </Appearance>
                <XAxis DataLabelsField="Product" />
                <YAxis>
                    <TitleAppearance Position="Center" RotationAngle="0" />
                </YAxis>
            </PlotArea>
            <Legend>
                <Appearance Visible="false" />
            </Legend>
        </telerik:RadHtmlChart>
    </div>
[...]

我通过将DataTable设置为等于图表的DataSource属性来将数据发送到图表。因此,如果将新产品添加到DataTable,我希望它能够使用额外的数据而不必编辑html。我需要图表使用由法规设置的标准颜色我可以通过样式表分配这些颜色吗?

1 个答案:

答案 0 :(得分:0)

http://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling

查看此链接,这可能会对您有所帮助。