剑道 - 线性规格：改变比例/步骤颜色

Question

我有以下Kendo UI LinearGuage：

@(Html.Kendo().LinearGauge()
  .Name("lGuage")
  .Pointer(pointer => pointer.Value(28).Color("orange"))

  .Scale(scale => scale
    .MajorUnit(20)
    .MinorUnit(2)
    .Min(0)
    .Max(100)              
    .Labels(labels => labels
     .Color("#fff")
     )
    .Ranges(ranges =>
     {
         ranges.Add().From(0).To(20).Color("#2798df");
         ranges.Add().From(30).To(45).Color("#ffc700");
         ranges.Add().From(45).To(60).Color("#c20000");
     }
   )
 )
)

它产生以下内容：

如何更新缩放/步骤颜色（**当前未显示，因为它们与背景颜色相同*）。我在这方面找不到多少。我尽量避免重写CSS方法。

Answer 1

解决方案是更改Scale.MajorTicks.Color和Scale.Line.Color。

<强>之前：

<强>后：

更新代码：

@(Html.Kendo().LinearGauge()
                  .Name("lGuage")
                  .Pointer(pointer => pointer.Value(28).Color("black"))
                  .Scale(scale => scale
                      .MajorUnit(20)
                      .MinorUnit(2)
                      .Min(0)
                      .Max(100)
                      .Line(line=>line
                          .Color("#fff")
                      )
                        .MajorTicks(mticks => mticks
                        .Color("#fff")
                    )
                      .Labels(labels => labels
                          .Color("#fff"))
                      .Ranges(ranges =>
                      {
                          ranges.Add().From(0).To(20).Color("#2798df");
                          ranges.Add().From(30).To(45).Color("#ffc700");
                          ranges.Add().From(45).To(60).Color("#c20000");
                      }
                      )
                  )
             )