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

动态更改HighCharts中的X轴标签名称,charts,highcharts,highstock,Charts,Highcharts,Highstock,在我最近的应用程序中,我使用了HighCharts,使用HighChart jquery插件非常好,一切都很好。现在我的一个问题是,我在high chart容器的右侧有一个很小的空间,所以在x轴上我只显示了4个城市名称,但我想实际显示8个城市名称,看下图,在这里你只能看到提到4个城市名称,我想假设的是,该站点第一次在浏览器中加载,2-3分钟后,图表会自动刷新为新的城市名称及其数据, 例如,现在当网站加载时,它显示了德里、孟买、加尔各答、钦奈及其相关数据(数据可能是该城市的人口),2-3分钟后,图

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

欢迎提出任何建议 提前谢谢

禁止

api中提供了内置方法。像

setCategories() 
这将帮助您向数据中添加新类别

下面是一个工作示例


希望这对您有所帮助。

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

您可以使用setInterval()函数和

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

下面是简单的HTML代码,将在其中加载图表

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

这些函数displaygraphsecondtime、DisplayGraphHirdTime、displaygraphfirstime包含high chart的代码

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

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

你能发布你的图表代码吗?您好,罢工者,非常感谢您的回答,但您只按了一个按钮,点击事件u或加载x标签类别,但我想在1-2分钟(间隔)后用新数据刷新整个图表,以及以前的x标签类别名称,如德里,加尔各答将被新的名字和新的价值观所取代。我希望你理解我的问题,如果你的回复会更好,提前谢谢
 function autograph() {
    setInterval(displaygraphsecondtime, 8000);
    setInterval(displaygraphthirdtime, 6000);
    setInterval(displaygraphfirsttime, 2000);
};
Highcharts.charts[0].xAxis[0].update({categories:arrayname}, true);