My issue is with the categoryAxis not showing the text. Which becomes an issue when trying to understand the graphing points. I have included my code below with a small sample dataset to show what is going on. Thank you!
var chartOptions = {
theme: "",
seriesDefaults: {
type: "line"
},
title: {
text: ""
},
legend: {
position: "bottom"
},
series: "",
categoryAxis: {
field: "category"
}
};
//Set Chart Data
chartOptions.series = dataSetContents.Series;
chartOptions.seriesDefaults = { type: $("#chartType").val() };
chartOptions.theme = $("#colorType").val();
chartOptions.title = { text: $("#dimensionsType").val() + " BY " + $("#dataType").val() };
function createChart() {
$("#chart").kendoChart(
$.extend(true, {}, chartOptions)
);
}
my series is set up as the following:
{
name: "2008-2010"
data: [{
category: "2008"
value: "500"
}]
}
full text is here:
{"Series":[{"name":"2008-2010","data":[{"category":"2010 - Q01","value":733},{"category":"2009 - Q02","value":921},{"category":"2008 - Q01","value":690},{"category":"2009 - Q01","value":1584},{"category":"2008 - Q03","value":1778},{"category":"2008 - Q04","value":359},{"category":"2008 - Q02","value":1308},{"category":"2009 - Q04","value":64},{"category":"2007 - Q03","value":20},{"category":"2009 - Q03","value":411},{"category":"2010 - Q02","value":17},{"category":"2007 - Q04","value":19},{"category":"2007 - Q02","value":11},{"category":"2007 - Q01","value":5}]},{"name":"2009 Data","data":[{"category":"2008 - Q01","value":6230},{"category":"2008 - Q02","value":7635},{"category":"2008 - Q03","value":4294},{"category":"2007 - Q03","value":101},{"category":"2007 - Q02","value":86},{"category":"2007 - Q04","value":65},{"category":"2007 - Q01","value":63},{"category":"2009 - Q02","value":8}]}]}
var chartOptions = {
theme: "",
seriesDefaults: {
type: "line"
},
title: {
text: ""
},
legend: {
position: "bottom"
},
series: "",
categoryAxis: {
field: "category"
}
};
//Set Chart Data
chartOptions.series = dataSetContents.Series;
chartOptions.seriesDefaults = { type: $("#chartType").val() };
chartOptions.theme = $("#colorType").val();
chartOptions.title = { text: $("#dimensionsType").val() + " BY " + $("#dataType").val() };
function createChart() {
$("#chart").kendoChart(
$.extend(true, {}, chartOptions)
);
}
my series is set up as the following:
{
name: "2008-2010"
data: [{
category: "2008"
value: "500"
}]
}
full text is here:
{"Series":[{"name":"2008-2010","data":[{"category":"2010 - Q01","value":733},{"category":"2009 - Q02","value":921},{"category":"2008 - Q01","value":690},{"category":"2009 - Q01","value":1584},{"category":"2008 - Q03","value":1778},{"category":"2008 - Q04","value":359},{"category":"2008 - Q02","value":1308},{"category":"2009 - Q04","value":64},{"category":"2007 - Q03","value":20},{"category":"2009 - Q03","value":411},{"category":"2010 - Q02","value":17},{"category":"2007 - Q04","value":19},{"category":"2007 - Q02","value":11},{"category":"2007 - Q01","value":5}]},{"name":"2009 Data","data":[{"category":"2008 - Q01","value":6230},{"category":"2008 - Q02","value":7635},{"category":"2008 - Q03","value":4294},{"category":"2007 - Q03","value":101},{"category":"2007 - Q02","value":86},{"category":"2007 - Q04","value":65},{"category":"2007 - Q01","value":63},{"category":"2009 - Q02","value":8}]}]}