javascript - 如何更改剑道图表的背景图像？

Question

如何使用此代码更改剑道图表的背景？可能吗？

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

它有什么问题？

Answer 1

请对您的图表进行以下更改以在背景中显示图像。

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>