Highchartsは、このスニペットで間違って何

Question

http://jsfiddle.net/dws18w18/

$('#reg-chart').highcharts({ 
 
    title: { 
 
    text: 'Daily Average Registration', 
 
    x: -20 
 
    }, 
 
    xAxis: { 
 
    categories: ["2017 JUL 01","2017 JUL 02","2017 JUL 03"] 
 
    }, 
 
    yAxis: { 
 
    title: { 
 
     text: '' 
 
    }, 
 
    plotLines: [{ 
 
     value: 0, 
 
     width: 1, 
 
     color: '#808080' 
 
    }] 
 
    }, 
 
    series: [{ 
 
    name: 'Users', 
 
    data: ["20","1","61"] 
 
    }] 
 
})

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//code.highcharts.com/highcharts.js"></script> 
 
<div id="reg-chart"></div>

が表示されませんか？なぜそれは何も表示されていないのですか？また、私のプロダクションサイトでもまったく同じ問題がローカルサーバー上でうまく動作します。この問題を解決するには？

Answer 1

データは、あなたが正しい数字ではない文字列

series: [{ 
    name: 'Users', 
    data: ["20","1","61"] // Don't work 
}]  
series: [{ 
    name: 'Users', 
    data: [20,1,61] //Works 
}] 

Link to updated fiddle