or
<
script
id
=
"list-indicator-template"
type
=
"text/x-kendo-template"
>
<
a
href
=
"views/valuesChart.html?IndicatorId=#: IndicatorId #&Attribute=#: Attribute #"
class
=
"km-listview-link"
data-role
=
"listview-link"
>
#: Attribute #
<
span
class
=
"attribute-value"
>#: kendo.toString(Value, "n2") #</
span
>
</
a
>
</
script
>
Hello,
We are looking for an expert who can help us customize Kendo UI framework to fit our custom build charts images. If you have experience working with Kendo UI then please email us back admin at FirePips .com
We will provide more details via email.
Regards
Victor
Sydney, Australia
Html.Kendo().Chart<
AccountPerformance
>(Model.Results)
.Name("chart")
.Title("Market Value")
.Legend(legend => legend.Visible(false))
.Series(series =>
series.Line(model => model.Metrics.MarketValue)
.Name(Model.ColumnTitle)
.Labels(false)
)
.ValueAxis(axis => axis.Numeric()
.Labels(labels => labels.Format("{0:C0}")))
.CategoryAxis(axis => axis
.Categories(model => model.ObservationDate)
.Labels(labels =>
{
labels.Format("MMM d");
labels.Rotation(45);
} ))
.Render();
Html.Kendo().Window()
.Name(windowId)
.Width(650)
.Title(Model.ChartTitle)
.Content(@<
text
>
<
div
style
=
"width: 320px;"
>
CHART
</
div
>
<
div
style
=
"width: 320px; float:right"
>
CHART
</
div
>
ksAllCharts = $(
"#AllCharts"
).kendoSplitter({
orientation:
"vertical"
,
panes: [
{ size:
"40px"
, scrollable:
false
, resizable:
false
},
{ size:
"300px"
, scrollable:
false
},
{ size:
"100%"
, scrollable:
true
}
],
layoutChange: onAllChartsLayoutChange
}).data(
"kendoSplitter"
);
ksCharts1 = $(
"#charts1"
).css(
"height"
,
"100%"
).kendoSplitter({
orientation:
"horizontal"
,
panes: [
{ size:
"50%"
, scrollable:
false
},
{ size:
"50%"
, scrollable:
false
}
],
layoutChange: onChartsLayoutChange
}).data(
"kendoSplitter"
);
ksCharts2 = $(
"#charts2"
).css(
"height"
,
"100%"
).kendoSplitter({
orientation:
"horizontal"
,
panes: [
{size:
"50%"
, scrollable:
false
},
{ size:
"50%"
, scrollable:
false
}
],
layoutChange: onChartsLayoutChange
}).data(
"kendoSplitter"
);
<
ul
id
=
"panelBar"
>
<
li
>Testing a new page
<
div
id
=
"comparativeDashboardPanelContents"
>
<
div
id
=
"AllCharts"
>
<
div
>
<
h1
class
=
"top-header"
>testing a new page</
h1
>
</
div
>
<
div
id
=
"chartsPane1"
>
<
h2
class
=
"top-header"
>chart area 1</
h2
>
<
div
id
=
"charts1"
>
<
div
id
=
"OFPBySchool"
></
div
>
<
div
id
=
"OFStuPBySchool"
></
div
>
</
div
>
</
div
>
<
div
id
=
"chartsPane2"
>
<
h2
class
=
"top-header"
>chart area 2</
h2
>
<
div
id
=
"charts2"
>
<
div
id
=
"StuCountsRiskBuckets"
></
div
>
<
div
id
=
"SchoolCrosstab"
></
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
li
>
</
ul
>