如何将json中的数据提取到javascript highchart?

如何将json中的数据提取到javascript highchart?,javascript,json,highcharts,Javascript,Json,Highcharts,这是我的json文件的一部分,数据包含这个无用的符号 "{\"0\":{\"index\":23,\"indicator\":\"ClassC Time\",\"month\":201611,\"ww\":201648,\"test_time\":0.0,\"p\":48.0,\"Product\":\"RB\"},\"1\":{\"index\":24,\"indicator\":\"ClassC\",\"month\":201612,\"ww\":201649,\"test_time

这是我的json文件的一部分,数据包含这个无用的符号

    "{\"0\":{\"index\":23,\"indicator\":\"ClassC Time\",\"month\":201611,\"ww\":201648,\"test_time\":0.0,\"p\":48.0,\"Product\":\"RB\"},\"1\":{\"index\":24,\"indicator\":\"ClassC\",\"month\":201612,\"ww\":201649,\"test_time\":47.48,\"p\":48.0,\"Product\":\"RB\"}
下面是我创建highchart的javascript代码:

<script type='text/javascript'>
$(document).ready(function() {
var options = {
  chart: {type: 'line',height: 250,},
  title: {text: 'Sky'},
  subtitle: {text: 'May 11, 2016'},
  xAxis: {categories: ['9:30 am', '10:00 am', '10:30 am', '11:00am', '11:30 am', '12:00 pm','12:30 pm', '1:00 pm', '1:30 pm', '2:00 pm', '2:30 pm','3:00 pm', '3:30 pm', '4:00 pm'],
  labels: {step: 3}},
  legend: {enabled: false},
  series: [{
    name: 'Nasdaq',
    color: '#4572A7',
    data: [2606.01, 2622.08, 2636.03, 2637.78, 2639.15, 2637.09,
      2633.38, 2632.23, 2632.33, 2632.59, 2630.34, 2626.89, 2624.59, 2615.98
    ]}]};$('#container').highcharts(options);});</script>

$(文档).ready(函数(){
变量选项={
图表:{类型:'直线',高度:250,},
标题:{text:'Sky'},
副标题{文本:2016年5月11日},
xAxis:{类别:[上午9:30”,“上午10:00”,“上午10:30”,“上午11:00”,“上午11:30”,“下午12:00”,“下午12:30”,“下午1:00”,“下午1:30”,“下午2:00”,“下午2:30”,“下午3:00”,“下午3:30”,“下午4:00],
标签:{step:3}},
图例:{enabled:false},
系列:[{
名称:'纳斯达克',
颜色:“#4572A7”,
数据:[2606.012622.082636.032637.782639.152637.09,
2633.38, 2632.23, 2632.33, 2632.59, 2630.34, 2626.89, 2624.59, 2615.98
]}]}$(“#容器”)。高图(选项);};

如何使用$getJSON将其包含在我的javascript中?我试着跟随,但我不知道为什么我的html页面是空白页面,看不到任何图表…

在浏览器控件中尝试此操作您可以看到解析的结果,然后在项目中使用它

JSON.parse("{\"0\":{\"index\":23,\"indicator\":\"ClassC Time\",\"month\":201611,\"ww\":201648,\"test_time\":0.0,\"p\":48.0,\"Product\":\"RB\"},\"1\":{\"index\":24,\"indicator\":\"ClassC\",\"month\":201612,\"ww\":201649,\"test_time\":47.48,\"p\":48.0,\"Product\":\"RB\"}}")

按系列添加JSON文件

             Highcharts.chart('container', {

          title: {
              text: 'Solar Employment Growth by Sector, 2010-2016'
          },

          subtitle: {
              text: 'Source: thesolarfoundation.com'
          },

          yAxis: {
              title: {
                  text: 'Number of Employees'
              }
          },
          legend: {
              layout: 'vertical',
              align: 'right',
              verticalAlign: 'middle'
          },

          plotOptions: {
              series: {
                  pointStart: 2010
              }
          },

          series: [{
              name: 'Installation',
              data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
          }, {
              name: 'Manufacturing',
              data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]
          }, {
              name: 'Sales & Distribution',
              data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387]
          }, {
              name: 'Project Development',
              data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227]
          }, {
              name: 'Other',
              data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111]
          }]

      });

JSON.parse()这个字符串很抱歉,我还是不明白,你能和我分享更多吗?打开JS控制台,检查错误。如果您有任何问题,请先解决它们。关于JSON,我建议如下。首先使用与示例中相同的JSON开始,然后将JSON更改为您的,并让我们了解结果:)我可以了解更多关于JS控制台的信息吗?如果您使用chrome浏览器,请点击f12打开JS控制台。我应该在哪里包含此内容?抱歉,因为我对编程非常陌生。将此添加到序列->数据中我认为您需要以其他格式解析数据。您能分享一下从[“指数”、“指标”、“月份”、“ww”、“测试时间”、“p”、“产品”]y轴是数字范围的x轴和y轴的哪个值吗;x轴是一个月,它是从对象到索引的数字范围