Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击事件后显示图表_Javascript_Jquery_Charts_Amcharts - Fatal编程技术网

Javascript 单击事件后显示图表

Javascript 单击事件后显示图表,javascript,jquery,charts,amcharts,Javascript,Jquery,Charts,Amcharts,我在和你玩 虽然我能够开始启动工作,但在单击事件后执行此函数时,图表不会显示。函数本身正在被调用函数正在被打印到控制台中,但图表没有显示 <button onclick="show()"> Show me! </button> function show() { console.log("function called") var chart; var chartData = [{ "ax": 1, "ay": 0.5, "bx

我在和你玩

虽然我能够开始启动工作,但在单击事件后执行此函数时,图表不会显示。函数本身正在被调用函数正在被打印到控制台中,但图表没有显示

<button onclick="show()">
  Show me!
</button>

function show() {
  console.log("function called")
  var chart;

  var chartData = [{
    "ax": 1,
    "ay": 0.5,
    "bx": 1,
    "by": 2.2
  }, {

// ...

  });
}
以下是。

如果您自己调用show函数,则不需要AmCharts.ready函数:

功能表演{ var图; var图表数据=[{ ax:1, 艾:0.5, bx:1, 作者:2.2 }, { ax:2, 艾:1.3, bx:2, 收件人:4.9 }, { ax:3, 艾:2.3, bx:3, 作者:5.1 }, { ax:4, 艾:2.8, bx:4, 作者:5.3 }, { ax:5, 艾:3.5, bx:5, 作者:6.1 }, { ax:6, 艾:5.1, bx:6, 收件人:8.3 }, { ax:7, 艾:6.7, bx:7, 收件人:10.5 }, { ax:8, 艾:8,, bx:8, 收件人:12.3 }, { ax:9, 艾:8.9, bx:9, 截止:14.5 }, { ax:10, 艾:9.7, bx:10, 截止:15 }, { ax:11, 艾:10.4, bx:11, 收件人:18.8 }, { ax:12, 艾:11.7, bx:12, 截止:19 }]; //XY图 图表=新的AmCharts.AmXYChart; chart.dataProvider=chartData; chart.startDuration=1; //斧头 //X var xAxis=新的AmCharts.ValueAxis; xAxis.title=X轴; xAxis.position=底部; xAxis.dashLength=1; xAxis.axisAlpha=0; xAxis.autogidcount=true; chart.addValueAxisxAxis; //Y var yAxis=新的AmCharts.ValueAxis; yAxis.position=左; yAxis.title=Y轴; yAxis.dashLength=1; yAxis.axisAlpha=0; yAxis.autogidcount=true; chart.addValueAxisyAxis; //图表 //三角形向上 var graph1=新的AmCharts.AmGraph; graph1.lineColor=FF6600; graph1.BallooText=x:[[x]]y:[[y]]; 图1.xField=ax; 图1.yField=ay; 图1.lineAlpha=0; 图1.bullet=triangleUp; chart.AddGraphGraphGraph1; //三角形向下 var graph2=新的AmCharts.AmGraph; graph2.lineColor=FCD202; graph2.BallooText=x:[[x]]y:[[y]]; 图2.xField=bx; graph2.yField=通过; 图2.lineAlpha=0; 图2.bullet=三角形向下; chart.AddGraphGraphGraph2; //第一趋势线 var趋势线=新的AmCharts.trendLine; trendLine.lineColor=FF6600; trendLine.initialXValue=1; trendLine.initialValue=2; trendLine.finalXValue=12; trendLine.finalValue=11; chart.addTrendLinetrendLine; //第二条趋势线 趋势线=新的AmCharts.trendLine; trendLine.lineColor=FCD202; trendLine.initialXValue=1; trendLine.initialValue=1; trendLine.finalXValue=12; trendLine.finalValue=19; chart.addTrendLinetrendLine; //光标 var chartCursor=新的AmCharts.chartCursor; chart.addChartCursorchartCursor; //滚动条 var chartScrollbar=新的AmCharts.chartScrollbar; chartScrollbar.scrollbarHeight=5; chartScrollbar.offset=15 chart.addChartScrollbarchartScrollbar; //写 chart.writechartdiv; } 向我展示!