Javascript 有没有办法使用Telerik RadHTMLChart中的下拉菜单更改Y轴值?
我正在尝试根据下拉选择更改线图中Y轴的数据类型。例如,我有一个下拉列表,其中包含狗和猫的数量作为Y轴值的选项。我知道我必须以某种方式更改图表中的数据字段,但我无法这样做Javascript 有没有办法使用Telerik RadHTMLChart中的下拉菜单更改Y轴值?,javascript,asp.net,telerik,Javascript,Asp.net,Telerik,我正在尝试根据下拉选择更改线图中Y轴的数据类型。例如,我有一个下拉列表,其中包含狗和猫的数量作为Y轴值的选项。我知道我必须以某种方式更改图表中的数据字段,但我无法这样做 <script type="text/javascript"> $(function () { var newDataSource = [ { "Cats": "Cats", "Dogs": "Dogs",
<script type="text/javascript">
$(function () {
var newDataSource = [
{
"Cats": "Cats",
"Dogs": "Dogs",
"Dog Population": "30",
"Cat Population": 20,
"Year": 2015,
},
{
"Cats": "Cats",
"Dogs": "Dogs",
"Dog Population": "28",
"Cat Population": 22,
"Year": 2016,
}]
var RadHtmlChart1 = $find('<%=RadHtmlChart3.ClientID %>');
RadHtmlChart1.set_dataSource(newDataSource);
RadHtmlChart1.set_transitions(true);
RadHtmlChart1.repaint();
});
});
function OnClientClicked1() {
}
</script>
<div class="span4" id="lineChart">
<telerik:RadHtmlChart runat="server" ID="RadHtmlChart3" Transitions="false" Width="700" Height="420">
<PlotArea>
<Series>
<telerik:LineSeries DataFieldY="Dog Population">
<Appearance>
<FillStyle BackgroundColor="Blue" />
</Appearance>
<MarkersAppearance MarkersType="Square" BackgroundColor="Blue" />
</telerik:LineSeries>
</Series>
<XAxis AxisCrossingValue="0" Color="Black" MajorTickType="Outside" MinorTickType="Outside"
Reversed="false" MinValue="0" MaxValue="90" Step="10" DataLabelsField="Year">
<LabelsAppearance DataFormatString="Year" RotationAngle="0" />
<MajorGridLines Color="#EFEFEF" Width="1" />
<MinorGridLines Color="#F7F7F7" Width="1" />
<TitleAppearance Position="Center" RotationAngle="0" Text="Year" />
</XAxis>
<YAxis AxisCrossingValue="0" Color="Black" MajorTickType="Outside"
Reversed="false" MinValue="0" Step="5">
<MajorGridLines Color="#EFEFEF" Width="1" />
<MinorGridLines Color="#F7F7F7" Width="1" />
<TitleAppearance Position="Center" RotationAngle="0" Text="Population"/>
</YAxis>
</PlotArea>
</telerik:RadHtmlChart>
</div>
$(函数(){
var newDataSource=[
{
“猫”:“猫”,
“狗”:“狗”,
“狗群”:“30”,
“猫的数量”:20,
“年份”:2015年,
},
{
“猫”:“猫”,
“狗”:“狗”,
“狗的数量”:“28”,
“猫的数量”:22,
“年份”:2016年,
}]
var RadHtmlChart1=$find(“”);
RadHtmlChart1.set_数据源(newDataSource);
RadHtmlChart1.set_转换(真);
RadHtmlChart1.repaint();
});
});
函数OnClientClicked1(){
}