5757 .Name (" tabstrip" )
5858 .Items (tabstrip =>
5959 {
60- tabstrip .Add ().Text (" <span class='km-icon revenue'></span><span class='hidden-xs'>Revenue</span>" )
60+ tabstrip .Add ().Text (" <span class='km-icon revenue-icon '></span><span class='hidden-xs'>Revenue</span>" )
6161 .Encoded (false )
6262 .Selected (true )
6363 .Content (@< text >
6464 @(Html .Kendo ().Chart <Kendo_UI_Bootstrap_Integration .Models .RevenueViewModel >()
6565 .Name (" revenue" )
6666 .DataSource (ds => ds .Read (read => read .Action (" Revenue" , " Home" )))
6767 .Transitions (false )
68- .Theme (" bootstrap " )
68+ .Theme (" sass " )
6969 .ChartArea (chart => chart .Margin (10 , 5 , 0 , 10 ).Background (" transparent" ))
7070 .Legend (l => l .Visible (false ))
7171 .SeriesDefaults (s => s
9393 .Tooltip (t => t .Visible (true ).Template (" #= series.name # <br /> #= category #: $#= value #" ))
9494 )
9595 < / text > );
96- tabstrip .Add ().Text (" <span class='km-icon spd'></span><span class='hidden-xs'>Sales / day</span>" )
96+ tabstrip .Add ().Text (" <span class='km-icon spd-icon '></span><span class='hidden-xs'>Sales / day</span>" )
9797 .Encoded (false )
9898 .Content (@< text >
9999 @(Html .Kendo ().Chart <Kendo_UI_Bootstrap_Integration .Models .SalesPerDayViewModel >()
100100 .Name (" sales-per-day" )
101101 .DataSource (ds => ds .Read (read => read .Action (" SalesPerDay" , " Home" )))
102102 .Transitions (false )
103- .Theme (" bootstrap " )
103+ .Theme (" sass " )
104104 .ChartArea (chart => chart .Margin (0 , 10 , 0 , 0 ).Background (" transparent" ))
105105 .Legend (l => l .Visible (false ))
106106 .SeriesDefaults (s => s .VerticalBullet ())
115115 }))
116116 )
117117 < / text > );
118- tabstrip .Add ().Text (" <span class='km-icon spr'></span><span class='hidden-xs'>Sales / region</span>" )
118+ tabstrip .Add ().Text (" <span class='km-icon spr-icon '></span><span class='hidden-xs'>Sales / region</span>" )
119119 .Encoded (false )
120120 .Content (@< text >
121121 @(Html .Kendo ().Chart <Kendo_UI_Bootstrap_Integration .Models .SalesPerRegionViewModel >()
122122 .Name (" sales-per-region" )
123123 .DataSource (ds => ds .Read (read => read .Action (" SalesPerRegion" , " Home" )))
124124 .Transitions (false )
125- .Theme (" bootstrap " )
125+ .Theme (" sass " )
126126 .Legend (l => l .Visible (false ))
127127 .ChartArea (c => c .Margin (10 , 8 , 0 , 10 ).Background (" transparent" ))
128128 .SeriesDefaults (s => s
135135 .Labels (l => l .Visible (false ))
136136 .MajorGridLines (l => l .Visible (false ))
137137 )
138- .Tooltip (t => t .Visible (false ).Template (" #= series.name # <br /> #= category #: #= value #" ))
138+ .Tooltip (t => t .Visible (false ).Shared ( true ). Template (" #= series.name # <br /> #= category #: #= value #" ))
139139 .Series (series => {
140140 series .Area (model => model .Canterbury ).Name (" Canterbury" );
141141 series .Area (model => model .Manchester ).Name (" Manchester" );
144144 .ValueAxis (v => v .Numeric ().Labels (l => l .Step (2 )))
145145 )
146146 < / text > );
147- tabstrip .Add ().Text (" <span class='km-icon share'></span><span class='hidden-xs'>Market share</span>" )
147+ tabstrip .Add ().Text (" <span class='km-icon share-icon '></span><span class='hidden-xs'>Market share</span>" )
148148 .Encoded (false )
149149 .Content (@< text >
150150 @(Html .Kendo ().Chart <Kendo_UI_Bootstrap_Integration .Models .DonutChartViewModel >()
151151 .HtmlAttributes (new { @class = " market-donut" })
152152 .Name (" market-alice-mutton" )
153153 .DataSource (ds => ds .Read (read => read .Action (" AliceMutton" , " Home" )).Group (g => g .Add (d => d .Series )))
154154 .Transitions (false )
155- .Theme (" bootstrap " )
155+ .Theme (" sass " )
156156 .Title (t => t
157157 .Text (" Alice Mutton" )
158158 .Position (ChartTitlePosition .Bottom )
175175 .Name (" market-gravad" )
176176 .DataSource (ds => ds .Read (read => read .Action (" Gravad" , " Home" )).Group (g => g .Add (d => d .Series )))
177177 .Transitions (false )
178- .Theme (" bootstrap " )
178+ .Theme (" sass " )
179179 .Title (t => t
180180 .Text (" Gravad lax" )
181181 .Position (ChartTitlePosition .Bottom )
198198 .Name (" market-inlagd" )
199199 .DataSource (ds => ds .Read (read => read .Action (" Inlagd" , " Home" )).Group (g => g .Add (d => d .Series )))
200200 .Transitions (false )
201- .Theme (" bootstrap " )
201+ .Theme (" sass " )
202202 .Title (t => t
203203 .Text (" Inlagd Sill" )
204204 .Position (ChartTitlePosition .Bottom )
221221 .Name (" market-spageslid" )
222222 .DataSource (ds => ds .Read (read => read .Action (" Spegesild" , " Home" )).Group (g => g .Add (d => d .Series )))
223223 .Transitions (false )
224- .Theme (" bootstrap " )
224+ .Theme (" sass " )
225225 .Title (t => t
226226 .Text (" Spageslid" )
227227 .Position (ChartTitlePosition .Bottom )
599599 <footer >
600600 Copyright © @DateTime.Now.Year <a href =" https://www.telerik.com/" >Progress Software Corporation and/or its subsidiaries or affiliates</a >. All Rights Reserved.
601601 </footer >
602- </div >
602+ </div >
603+
604+ <script >
605+ $ (document ).ready (function () {
606+ kendo .ui .icon ($ (" .revenue-icon" ), { icon: ' dollar' });
607+ kendo .ui .icon ($ (" .spd-icon" ), { icon: ' chart-column-clustered' });
608+ kendo .ui .icon ($ (" .spr-icon" ), { icon: ' graph' });
609+ kendo .ui .icon ($ (" .share-icon" ), { icon: ' chart-doughnut' });
610+ });
611+ </script >
0 commit comments