Using Kendo MVC 2014.1.318.440
I am trying to use sparklines for charting purposes, but I need to set the width of them. In Firefox and IE setting the width works fine, but in chrome I can't figure out why the same code isn't working.
Attached images.
Code:
@(Html.Kendo().Sparkline()
.Name("temp-range")
.Type(SparklineType.Bullet).SeriesColors("#ffb401")
.ChartArea(ca => ca.Background("#f6f6f6"))
.ValueAxis(axis => axis
.Numeric()
.Min(0)
.Labels(labels =>
labels.Background("#ffb401"))
.Max(100)
.Line(line => line.Visible(false)
).Color("#ffb401")
)
.Tooltip(tooltip => tooltip
.Visible(false)
)
.HtmlAttributes(new { style = "width: 20px" })
.Data(new double[] { ViewBag.leftPanel["Score"], ViewBag.leftPanel["benchmark"] }))
I am trying to use sparklines for charting purposes, but I need to set the width of them. In Firefox and IE setting the width works fine, but in chrome I can't figure out why the same code isn't working.
Attached images.
Code:
@(Html.Kendo().Sparkline()
.Name("temp-range")
.Type(SparklineType.Bullet).SeriesColors("#ffb401")
.ChartArea(ca => ca.Background("#f6f6f6"))
.ValueAxis(axis => axis
.Numeric()
.Min(0)
.Labels(labels =>
labels.Background("#ffb401"))
.Max(100)
.Line(line => line.Visible(false)
).Color("#ffb401")
)
.Tooltip(tooltip => tooltip
.Visible(false)
)
.HtmlAttributes(new { style = "width: 20px" })
.Data(new double[] { ViewBag.leftPanel["Score"], ViewBag.leftPanel["benchmark"] }))