javascript - 字符串化 JSON 的 Highcharts 选项

Question

我需要将highcharts 选项 转换为JSON 字符串。我真的为此苦苦挣扎。

因为它有电路结构。

示例:http://jsfiddle.net/8TEKD/

好吧，我还尝试使用 douglascrockford cycle.js 对其进行回收:https://github.com/douglascrockford/JSON-js

如果我尝试回收它，我会得到这个堆栈跟踪

'Attr.ownerElement' is deprecated and has been removed from DOM4 (http://w3.org/tr/dom). cycle.js:92
'Attr.textContent' is deprecated. Please use 'value' instead. cycle.js:92
'Attr.nodeValue' is deprecated. Please use 'value' instead. cycle.js:92
'HTMLHtmlElement.manifest' is deprecated. The manifest attribute only has an effect during the early stages of document load. cycle.js:92
InvalidStateError: Failed to read the 'selectionDirection' property from 'HTMLInputElement': The input element's type ('checkbox') does not support selection.

好吧，我需要这个，因为我想保存我的图表的配置，稍后使用该配置加载它。

有什么办法吗？

谢谢

Answer 1

问题是 $('#container').highcharts(options); 向您的对象添加了一个 renderTo 元素，这是一个 DOM 元素。在添加之前，您没有循环结构。而且，如果您真的想保存您的配置选项以供再次使用，保存它们这次呈现的 DOM 元素对您没有用。

我建议在创建图表之前保存 json:

$(function () {
    var options = {

        chart: {
            marginRight: 120
        },

        legend: {
            align: 'right',
            verticalAlign: 'top',
            x: 0,
            y: 100
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
    };
    jsonstring = JSON.stringify(options);

    $('#container').highcharts(JSON.parse(jsonstring));  // just to prove it works, obviously you would use the options variable here

});

http://jsfiddle.net/6y2gg6oy/

但是，如果这不是一个选项，您可以使用 JSON.stringify 的 replacer 选项来排除选项对象中您不需要的部分想。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_native_JSON#The_replacer_parameter