Line Chart Error

[Cliff Gibson]

I've got the line chart below on my page and am binding this to a dataset on click of a search button once the user has selected their criteria.

This dataset contains columns Country, Product & Price.  I would like Country displayed along the bottom (x-axis), and then have Price plotted on the graph for each product.

I believe I've got this defined correctly however when I run the report I get a js error "'t.options' is null or not an object".  Please can you advise on this?

In the code behind I'm simply retrieving my dataset and then:

chartPriceCorridor1.DataSource = Prices;

chartPriceCorridor1.DataBind();

<telerik:RadHtmlChart ID="chartPriceCorridor1" runat="server" Width="600px" Height="400px" Skin="Metro">
        <ChartTitle Text="Price Corridor" >
            <Appearance Align="Left" />
        </ChartTitle>
        <Legend>
            <Appearance Position="Bottom" />
        </Legend>
        <PlotArea>
            <Series>
                <telerik:LineSeries AxisName="Country" Name="Product" DataFieldY="Price"></telerik:LineSeries>
            </Series>
        </PlotArea>
    </telerik:RadHtmlChart>

[Marin Bratanov]

Hello Cliff,

The field where the x-axis labels are taken from is in the XAxis tag itself - the DataLabelsField properly. The AxisName property of the series defines which y-axis it will use in case you are using multiple Y-axes.
You can see it in action here: http://demos.telerik.com/aspnet-ajax/htmlchart/examples/databinding/database/defaultcs.aspx. This demo uses a column series and a database but this is not importanat, you can change the series to LineSeries and where the datasource comes from does not matter.

Greetings,
Marin Bratanov
the Telerik team