在HighCharts中动态更改X轴标签名称

Question

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

欢迎任何建议 提前致谢

Answer 1

提䫻，

api中提供了内置方法。像

setCategories() 

这个将帮助您为数据添加新类别。

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

希望这会对你有所帮助。

Answer 2

您需要创建JSON。将其返回到PHP或aspx页面，不含任何html代码。使用PHP中的aspx来调用此Ajax或javascript页面。在setInterval()和addPoint函数中，每隔2-3分钟或任何持续时间调用此Ajax。它将更新X轴和Y轴上的数据。

Answer 3

您可以使用setInterval（）函数和addPoint function

Answer 4

首先，我要感谢所有提出最佳建议并包括演示应用程序的人。我已经解决了我的问题，

这是简单的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);
};

这些函数displaygraphsecondtime，displaygraphthirdtime，displaygraphfirstime都包含高图表的代码。

Answer 5

您可以使用X轴类别选项动态更新X轴值。

Highcharts.charts[0].xAxis[0].update({categories:arrayname}, true);