0

我们目前正在使用 DotNet.Highcharts API 将 Highcharts 整合到我们的网站中。但是，我们在使用 .SetOptions(GlobalOptions)调用时遇到了一些 JavaScript 引用问题。

我们使用一个包装类在控制器中构建我们的图表，然后使用一个简单的视图来呈现它。

在我们的控制器中：

Chart chart = new HighCharts("chart-id");
chart.SetOptions(new GlobalOptions { Global = new Global { UseUTC = false; } });
chart.SetPlotOptions()...

在我们看来：

@model HighchartWrapper

@(Model.Chart)

图表在视图中呈现如下：

<script type="text/javascript">
    Highcharts.setOptions({ global: { useUTC: false } });
    var chart05;
    $(document).ready(function() {
    });
</script>

Chrome 正在提高

“未捕获的 ReferenceError：未定义 Highcharts”

声明上的错误.setOptions()。如果没有这个（以及 .NET 中的相应.SetOptions()语句），图表将正确呈现。如果我离开此页面然后再次返回，图表将开始正确呈现。

我发现操作 ToHtmlString() 返回值以将.setOptions调用放在该.ready()部分内部可以使图表正确显示。这是其他人不得不采取的方法吗？

4

1 回答 1

1

您的怀疑是正确的，您需要在准备好的文档中运行您的相关代码，如下所示。

$(document).ready(function() {
    var chart = new Highcharts.Chart(options);
});

根据文档，一旦加载了 dom，所有示例都会执行，因此可以安全地假设这是最佳实践，并期望在 javascipt 库中，正在执行的代码将取决于.ready函数。当然，挖掘源代码会回答您的任何其他问题，但这完全没问题。

Highcharts - 如何设置选项

于 2015-01-27T04:26:10.500 回答