如何更改剑道图表背景图像?

时间:2014-07-24 12:18:24

标签: javascript kendo-ui telerik kendo-chart

如何使用此代码更改Kendo图表的背景?有可能吗?

.HtmlAttributes(new { style = "background: url('~/shared/pics/harita.png')" })

它出了什么问题?

1 个答案:

答案 0 :(得分:4)

请对图表进行以下更改,以便在后台显示图像。

  1. 在图表定义中,确保已将图表区域背景设置为透明。 见下文:

    @(Html.Kendo().StockChart<ChartModel>()
     .Name("stockDemoChart")
     .................
     .................
     .ChartArea(chartArea => chartArea.Background("transparent"))
    
  2. 您可以根据图表名称设置样式,而不是在HtmlAttributes中指定图表背景。见下文:

    <style>
       #stockDemoChart {
       background: center no-repeat url('@Url.Content("~/shared/pics/demo.png")')
       }
    </style>