【问题标题】:Highcharts no y dataHighcharts 没有数据
【发布时间】:2016-09-01 14:44:04
【问题描述】:

我无法在 highcharts 中获取 yAxis 数据。见小提琴https://jsfiddle.net/LLExL/6496/ 我使用以下代码加载 highcharts。

  $(function () {
        $('#RankingReportsHistory').highcharts(
        {!! json_encode($KeywordVisibilityChart) !!}
        );
    })

$KeywordVisibilityChart 的内容在下面的数组中,我从 Laravel 中的控制器获取数组,并且在可见图表中获取 xAxis 中的所有日期但 yAxis 中没有数据,但该数组同时包含 yAxis 和 xAxis 数据。

我认为问题在于它包含双引号的 yAxis 数组,我如何最好地为每个元素删除它们。?

array:10 [▼
  "chart" => array:4 [▼
    "type" => "spline"
    "renderTo" => "RankingReportsHistory"
    "style" => array:2 [▼
      "fontFamily" => "open sans"
      "letter-spacing" => "0.5px"
    ]
    "backgroundColor" => "#ffffff"
  ]
  "credits" => array:1 [▼
    "enabled" => false
  ]
  "rangeSelector" => array:1 [▼
    "selected" => "1"
  ]
  "title" => array:1 [▼
    "text" => false
  ]
  "subtitle" => array:1 [▼
    "text" => false
  ]
  "xAxis" => array:2 [▼
    "type" => "datetime"
    "categories" => array:35 [▼
      0 => "14.07.2016"
      1 => "15.07.2016"
      2 => "16.07.2016"
      3 => "17.07.2016"
      4 => "18.07.2016"
      5 => "19.07.2016"
      6 => "20.07.2016"
      7 => "21.07.2016"
      8 => "22.07.2016"
      9 => "23.07.2016"
      10 => "24.07.2016"
      11 => "25.07.2016"
      12 => "26.07.2016"
      13 => "27.07.2016"
      14 => "28.07.2016"
      15 => "29.07.2016"
      16 => "31.07.2016"
      17 => "01.08.2016"
      18 => "02.08.2016"
      19 => "03.08.2016"
      20 => "04.08.2016"
      21 => "12.08.2016"
      22 => "17.08.2016"
      23 => "19.08.2016"
      24 => "21.08.2016"
      25 => "22.08.2016"
      26 => "23.08.2016"
      27 => "24.08.2016"
      28 => "25.08.2016"
      29 => "26.08.2016"
      30 => "27.08.2016"
      31 => "29.08.2016"
      32 => "30.08.2016"
      33 => "31.08.2016"
      34 => "01.09.2016"
    ]
  ]
  "yAxis" => array:1 [▼
    "labels" => array:1 [▼
      "format" => "{value:.2f}"
    ]
  ]
  "tooltip" => array:2 [▼
    "crosshairs" => true
    "shared" => true
  ]
  "plotOptions" => array:1 [▼
    "spline" => array:1 [▼
      "marker" => array:3 [▼
        "radius" => 4
        "lineColor" => "#fff"
        "lineWidth" => 1
      ]
    ]
  ]
  "series" => array:1 [▼
    0 => array:5 [▼
      "name" => "domain.com"
      "marker" => array:3 [▼
        "enabled" => true
        "radius" => 5
        "states" => array:1 [▶]
      ]
      "shadow" => true
      "tooltip" => array:2 [▼
        "valueSuffix" => "%"
        "valueDecimals" => 2
      ]
      "data" => array:35 [▼
        0 => "12.2667"
        1 => "12.3667"
        2 => "11.8"
        3 => "11.9667"
        4 => "11.8333"
        5 => "11.9333"
        6 => "12.5333"
        7 => "12.7667"
        8 => "11.8333"
        9 => "12.9333"
        10 => "12.9"
        11 => "12.9667"
        12 => "13.2"
        13 => "13.3667"
        14 => "13.4667"
        15 => "13.4667"
        16 => "12.7333"
        17 => "13"
        18 => "12.7"
        19 => "12.7"
        20 => "12.7"
        21 => "12.1667"
        22 => "11.8667"
        23 => "11.8"
        24 => "11.6667"
        25 => "11.2"
        26 => "11.2333"
        27 => "11.3333"
        28 => "11.2333"
        29 => "11.9333"
        30 => "12.0667"
        31 => "11.6667"
        32 => "11.5667"
        33 => "11.5667"
        34 => "11.9667"
      ]
    ]
  ]
]

我希望这里的任何人都可以看到问题所在,我已经尝试过查看但没有运气。

我对该网站所做的唯一不同是,在我工作正常之前,我将它移到了一个新的网络服务器 (vps)。 我检查了是否有任何文件没有被加载,但一切都加载得很好。

请帮帮我! :)

感谢和亲切的问候。

【问题讨论】:

    标签: javascript php jquery laravel highcharts


    【解决方案1】:

    我刚刚弄明白了,这是因为我的数据中有双引号进入 yAxis。

    所以在我更改了这段代码之后

    $(function () {
            $('#RankingReportsHistory').highcharts(
            {!! json_encode($KeywordVisibilityChart) !!}
            );
        })
    

    为此,一切正常:)

    $(function () {
                $('#RankingReportsHistory').highcharts(
                {!! json_encode($KeywordVisibilityChart, JSON_NUMERIC_CHECK) !!}
                );
            })
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-20
      • 1970-01-01
      • 2013-10-10
      • 1970-01-01
      • 2016-08-19
      相关资源
      最近更新 更多