I am trying to make a line chart where the categoryAxis has a baseUnit of "month".
The data is an array of objects
[0].price = 34
[0].priceDate = javascriptDate
The data bind and the chart is there but it looks like a bunch of points with none of them connected by a line. OR depending on the data, some points are connected.
$("#previewChart").kendoChart({
theme: "blueOpal",
title: {
text: customDataViewModel.CustomDataName
},
legend: {
visible:false
},
chartArea: {
width: 680,
height:380
},
plotArea: {
margin: { bottom: 10, right: 100}
},
dataSource: wth,
series: [{
type:"line",
field: "price"
}],
categoryAxis: {
type: "date",
field: "priceDate",
baseUnit: "month",
labels: {
format: "MMM/yy",
title:"",
rotation:-90
}
},
valueAxis: {
},
tooltip: {
visible: true,
template: "Price: #= value #<br/>Date: #= kendo.toString(category, 'MMM/yyyy') #"
}
});
});
I need every point to show and for them to be connected by a line.
The data is an array of objects
[0].price = 34
[0].priceDate = javascriptDate
The data bind and the chart is there but it looks like a bunch of points with none of them connected by a line. OR depending on the data, some points are connected.
$("#previewChart").kendoChart({
theme: "blueOpal",
title: {
text: customDataViewModel.CustomDataName
},
legend: {
visible:false
},
chartArea: {
width: 680,
height:380
},
plotArea: {
margin: { bottom: 10, right: 100}
},
dataSource: wth,
series: [{
type:"line",
field: "price"
}],
categoryAxis: {
type: "date",
field: "priceDate",
baseUnit: "month",
labels: {
format: "MMM/yy",
title:"",
rotation:-90
}
},
valueAxis: {
},
tooltip: {
visible: true,
template: "Price: #= value #<br/>Date: #= kendo.toString(category, 'MMM/yyyy') #"
}
});
});
I need every point to show and for them to be connected by a line.