This question is locked. New answers and comments are not allowed.
Hi
Trying to integrate a pie graph into my app. The pie chart is showing, however, when I click a legend key, it disappears and I cant get it back. If I look at the demos, its supposed to 'grey' out the legend so I can click it agin:
Markup:
<div data-role="view" data-layout="child" data-title="Home" id="assetView" data-model="app.homeView.viewModel" data-init="app.homeView.init">
<div id="example" >
<div data-role="chart"
data-legend="{ position: 'bottom', visible: true }"
data-theme="bootstrap"
data-tooltip="{
visible: true,
template: '<div>#: kendo.toString(dataItem.name , \'d\')#</div><div>Share Count:#: value #</div>'
}"
data-series="[{
type: 'pie',
field: 'y',
categoryField: 'name',
padding: 10,
visibleInLegendField: 'visible',
labels: {
visible: true,
position: 'outsideEnd',
template: '#: value #%',
background: 'transparent'
},
}]"
data-bind="source: groupsSource">
</div>
</div>
View:
define(['kendo', 'data', 'utils'], function (kendo, data, utils) {
var groupsViewModel = kendo.observable({
groupsSource: data.openDefects(),
})
return {
init: function (initEvt) {
kendo.bind($("#example"), groupsViewModel);
},
beforeShow: function (beforeShowEvt) {},
show: function (showEvt) {},
}
viewModel: groupsViewModel
});
Trying to integrate a pie graph into my app. The pie chart is showing, however, when I click a legend key, it disappears and I cant get it back. If I look at the demos, its supposed to 'grey' out the legend so I can click it agin:
Markup:
<div data-role="view" data-layout="child" data-title="Home" id="assetView" data-model="app.homeView.viewModel" data-init="app.homeView.init">
<div id="example" >
<div data-role="chart"
data-legend="{ position: 'bottom', visible: true }"
data-theme="bootstrap"
data-tooltip="{
visible: true,
template: '<div>#: kendo.toString(dataItem.name , \'d\')#</div><div>Share Count:#: value #</div>'
}"
data-series="[{
type: 'pie',
field: 'y',
categoryField: 'name',
padding: 10,
visibleInLegendField: 'visible',
labels: {
visible: true,
position: 'outsideEnd',
template: '#: value #%',
background: 'transparent'
},
}]"
data-bind="source: groupsSource">
</div>
</div>
View:
define(['kendo', 'data', 'utils'], function (kendo, data, utils) {
var groupsViewModel = kendo.observable({
groupsSource: data.openDefects(),
})
return {
init: function (initEvt) {
kendo.bind($("#example"), groupsViewModel);
},
beforeShow: function (beforeShowEvt) {},
show: function (showEvt) {},
}
viewModel: groupsViewModel
});