首页 / JAVASCRIPT / javascript-Highcharts在x轴标签上显示绘图值

javascript-Highcharts在x轴标签上显示绘图值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Highcharts在x轴标签上显示绘图值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1014字，纯文字阅读大概需要2分钟。

内容图文

我有一个只有一个数据系列的蜘蛛网图.为了打印的目的,我想在标签上加上实际标签名称之后的值,但是我似乎无法解决该问题.

这个示例有助于解释我的意思是在搜索中找到的条形图.代码布局与我的相似,并且混乱程度不比我大,我很确定此解决方案很容易移植.

labels: {
    formatter: function() {
        return this.value + ' XX.X';
    }
}

JSFiddle Here

因此,对于X轴,我试图用相关的Y值替换“ XX.X”以获取标签：“ Foo 29.9 | Bar 71.5 | Foobar 106.4”

我在xAxis标签格式化程序中浏览了“ this”,直到在“ this.chart.series [0] .yData”中找到Y数字,但无法找到一种将这些数字与每个相关X关联的方法.标签,我认为这似乎是错误的做法.

解决方法:

您可以使用setCategories在chart.events.load方法中呈现图表之后执行此操作.下面的代码假定xAxis上的每个索引元素都有一个对应的数据元素.如果没有,那么您将需要处理这种情况.

chart: {
    events: {
        load: function (event) {
            var cats = this.xAxis[0].categories;
            var theData = this.series[0].data;
            var newCats = [];

            for (var i = 0; i < cats.length; i++) {
                newCats.push(cats[i] + ' ' + theData[i].y)           
            }

            this.xAxis[0].setCategories(newCats);
        }
    }
}

直播demo.

内容总结

以上是互联网集市为您收集整理的javascript-Highcharts在x轴标签上显示绘图值全部内容，希望文章能够帮你解决javascript-Highcharts在x轴标签上显示绘图值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/659455.html

来源：【匿名】