This is a migrated thread and some comments may be shown as answers.

Green Columns (+) and Red Columns (-) in MVC

1 Answer 36 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Ian
Top achievements
Rank 2
Ian asked on 19 Jul 2013, 10:26 PM
When a value is greater and equal to 0, I need the column to appear Green. Red when it's less than 0.

In the attached screenshot you'll see that the grid is always the default theme color or orange.

Html.Kendo().Chart(Model.Results)
    .Name("chartPCT")
    .Title("% Return")
    .Legend(legend => legend.Visible(false))
    .Series(series =>
            series.Column(model => model.Metrics.Return)
                  .Name(Model.ColumnTitle)
                  .Labels(false)
    )
    .ValueAxis(axis => axis.Numeric()
                           .Labels(labels => labels.Format("{0}%")))
    .CategoryAxis(axis => axis
                              .Categories(model => model.Observation)
                              .Labels(labels =>
                                  {
                                      labels.Format("MMM");
                                  }))
    .Render();

1 Answer, 1 is accepted

Sort by
0
Ian
Top achievements
Rank 2
answered on 19 Jul 2013, 10:53 PM
.SeriesDefaults(builder => builder.Column().NegativeColor("#BF2D56").Color("#C0BD7F")) 
Tags
Charts
Asked by
Ian
Top achievements
Rank 2
Answers by
Ian
Top achievements
Rank 2
Share this question
or