Javascript 从文本文件获取canvasjs的数据点_Javascript_Canvasjs

Javascript 从文本文件获取canvasjs的数据点

javascript

Javascript 从文本文件获取canvasjs的数据点,javascript,canvasjs,Javascript,Canvasjs,我试图制作一个图表，从.txt文件中动态获取绘图值。在这里，我可以用canvasjs生成一个简单的图表，这正是我需要制作的图表类型，只是它应该从.txt文件中动态获取x值 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> window.onload = function () { var chart = new CanvasJS.Chart("chartCo

我试图制作一个图表，从.txt文件中动态获取绘图值。在这里，我可以用canvasjs生成一个简单的图表，这正是我需要制作的图表类型，只是它应该从.txt文件中动态获取x值

<!DOCTYPE HTML>
<html>
<head>
  <script type="text/javascript">
  window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
    {
      title:{
        text: "Percents",
       fontFamily: "Impact",
        fontWeight: "normal"
      },

      legend:{
        verticalAlign: "bottom",
        horizontalAlign: "center"
      },
      data: [
      {
        //startAngle: 45,
       indexLabelFontSize: 20,
       indexLabelFontFamily: "Garamond",
       indexLabelFontColor: "darkgrey",
      indexLabelLineColor: "darkgrey",
       indexLabelPlacement: "outside",
       type: "doughnut",
       showInLegend: true,
       dataPoints: [
       {  y: 55, legendText:"55%", indexLabel: "55%" },
       {  y: 45, legendText:"45%", indexLabel: "45%" },
       ]
     }
     ]
   });

     chart.render();
   }
   </script>
   <script type="text/javascript" src="canvasjs.min.js"></script></head>
     <body>
       <div id="chartContainer" style="height: 300px; width: 100%;">
       </div>
     </body>
 </html>

由于这段代码（我只是用硬编码数据替换了ajax请求）正在运行，因此ajax请求本身肯定有问题

var数据点=[]；
（功能（数据）{
var x=0；
var allLines=data.split（'\n'）；
如果（allLines.length>0）{
对于（变量i=0；i

MYFILE.txt的内容是什么？为什么要加载canvasjs和jquery.canvasjs？这是canvasjs的一个要求吗（我不知道这个库）？这里有一个正在工作的JSFIDLE，只是ajax请求被硬编码的伪数据替换了：所以一定是您的ajax请求失败了。我看不出在标记中包含jQuery的位置？您确定该文件存在吗？该请求是否显示在您的开发工具的“网络”选项卡中？如果是，它看起来是什么样子？@connum我可能需要回到基本知识。我无法在Ubuntu上使用任何ajax或jquery。我甚至在谷歌API上试过你的，我也试着用javascript读取文件，把它放在一个变量中
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="jquery.canvasjs.min.js"></script>
<script type="text/javascript">
window.onload = function () {
var dataPoints = [];

//Replace text file's path according to your requirement.
$.get("MYFILE.txt", function(data) {
var x = 0;
var allLines = data.split('\n');
if(allLines.length > 0) {
    for(var i=0; i< allLines.length; i++) {
        dataPoints.push({x: x , y: parseInt(allLines[i])});
        x += .25;
    }
}
var chart = new CanvasJS.Chart("chartContainer",{
    title :{
        text: "Chart using Text File Data"
    },
    data: [{
        type: "line",
        dataPoints : dataPoints,
    }]
});
chart.render();
});
}
</script>
<script type="text/javascript" src="canvasjs.min.js"></script>
</head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
</body>
</html>

56