Series Data Field

[Matt]

Hi,

Any ideas what I am doing wrong in second #chart2 setup as it does not render correctly (#chart1 does) for me?

works <div id="chart"></div>
doesnt? <div id="chart2"></div>

$(document).ready(function() {
    
    var datatestfield = [ { no: 1, a: 2, b: '3' },
                     { no: 5, a: 3, b: '4' },
                     { no: 40, a: 4, b: '5' }
                   ];
        
    $("#chart").kendoChart({
    title: {
         text: "Kendo Chart Example"
    },
    dataSource: { data: datatestfield},            
    series: [
        { name: "Example Series", field : "a" }
    ]
        });
    
    $("#chart2").kendoChart({
    title: {
         text: "Kendo Chart Example"
    },
    series: [
        { name: "Example Series", field : "a", data: datatestfield }
    ]
        });

});

Thanks
Matt

[Gergo]

Hi Matthew,

I hope that I've understood correctly your problem.
As I see in chart 2 you try to specify the data property for the series, which I think is incorrect.
Here is the code which isn't correct:

series: [

       { name: "Example Series", field : "a", data: datatestfield }

   ]

I think if you move the data:datatestfiled to the datasource: {data : ... } property it will resolve the problem.

Regards,
Gergő

[Matt]

Thanks Gergo, you are correct, do we think that a documentation update would be useful in the configuration demo section

field: String

The data field containing the series value.

to ensure that it is made clearer that the field property only acts on a supplied datasource and not on an inline array using its own data property?

Thanks
Matt