动态更改HighCharts中的X轴标签名

Question

在我最近的应用程序中，我使用了HighCharts，使用高图表jquery插件非常好，而且一切都做得很好。现在我的一个问题是，我在高图表容器的右侧有很小的空间，所以在x轴上，我只显示了4个城市名称，但我想实际显示8个城市名称，请看下面的Image，在这里您可以看到只提到4个城市名称，我想假设这个站点是第一次在浏览器中加载，在2-3分钟之后，图表应该会自动刷新新的城市名称及其数据，例如，现在当这个站点加载时，它显示的是德里、孟买、加尔各答，陈奈和他们的相关数据(数据可能是城市的人口)在2-3分钟后，图表应该更新新的城市名称，如浦那，班加罗尔，古尔冈，海德拉巴德和他们的数据。我们需要记住的一点是，我们只想重新加载/刷新数据，但不想重新加载整个网站。

欢迎您提出任何建议，谢谢

​

​

Answer 1

首先，我要感谢所有给出他们最好的建议的人，也包括演示应用。我已经解决了我的问题，

以下是简单的HTML代码，其中将加载图表

 <div style="margin-top: 3px; margin-left: 0px;" id="dashboardChartcontent">
        @*Here is the chart Element*@
    </div>

下面我调用Javascript函数

<script type="text/javascript">
autograph();
</script>

在页面顶部，我已经使用SetInterval函数声明了该函数，请看下面的代码：

 function autograph() {
    setInterval(displaygraphsecondtime, 8000);
    setInterval(displaygraphthirdtime, 6000);
    setInterval(displaygraphfirsttime, 2000);
};

这些函数二次显示，三次显示包含高图表的代码。

Answer 2

德巴尔

api中提供的方法是内置的。喜欢

setCategories() 

这一个将帮助您添加新的类别到数据。

下面是一个工作示例http://jsfiddle.net/sMNr3/。

希望这能帮到你。

Answer 3

您需要创建JSON。在您的PHP或aspx页面上返回它，而不需要任何html代码。使用PHP或aspx页面中的Ajax调用该页面。在setInterval()和addPoint函数中，每2-3分钟或任何你想要的时间调用这个Ajax。它将更新X和Y两个轴上的数据。