动态更改HighCharts中的X轴标签名称
在我最近的应用程序中,我使用了HighCharts,使用HighChart jquery插件非常好,一切都很好。现在我的一个问题是,我在high chart容器的右侧有一个很小的空间,所以在x轴上我只显示了4个城市名称,但我想实际显示8个城市名称,看下图,在这里你只能看到提到4个城市名称,我想假设的是,该站点第一次在浏览器中加载,2-3分钟后,图表会自动刷新为新的城市名称及其数据, 例如,现在当网站加载时,它显示了德里、孟买、加尔各答、钦奈及其相关数据(数据可能是该城市的人口),2-3分钟后,图表应分别刷新为普纳、班加罗尔、古尔冈、海德拉巴德等新城市名称及其数据。Pl有一件事我们需要记住,我们只想重新加载/刷新数据,但不想重新加载整个网站 欢迎提出任何建议 提前谢谢 禁止 api中提供了内置方法。像动态更改HighCharts中的X轴标签名称,charts,highcharts,highstock,Charts,Highcharts,Highstock,在我最近的应用程序中,我使用了HighCharts,使用HighChart jquery插件非常好,一切都很好。现在我的一个问题是,我在high chart容器的右侧有一个很小的空间,所以在x轴上我只显示了4个城市名称,但我想实际显示8个城市名称,看下图,在这里你只能看到提到4个城市名称,我想假设的是,该站点第一次在浏览器中加载,2-3分钟后,图表会自动刷新为新的城市名称及其数据, 例如,现在当网站加载时,它显示了德里、孟买、加尔各答、钦奈及其相关数据(数据可能是该城市的人口),2-3分钟后,图
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);