首页 / JAVASCRIPT / javascript – Highcharts X-Axis标签为Text

javascript – Highcharts X-Axis标签为Text

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Highcharts X-Axis标签为Text，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含623字，纯文字阅读大概需要1分钟。

内容图文

在这个fiddle中,没有更改系列数据,是否可以将x轴标签显示为文本,即{“apple”,“orange”,“mango”}而不是小数,即{0,1,2}而不分离来自JSON的标签并将其提供给类别.

$(function () {
    $('#container').highcharts({
        chart: {
        },
        xAxis: {

            labels: {
                enabled: true
            }
        },

        series: [{
            data: [["apple",29.9], ["orange",71.5], ["mango",106.4]]        
        }]
    });
});

解决方法:

试试这个：

 $(function () {

var seriesData = [["apple",29.9], ["orange",71.5], ["mango",106.4]];     
$('#container').highcharts({
    chart: {
    },
    xAxis: {
        tickInterval: 1,
        labels: {
            enabled: true,
            formatter: function() { return seriesData[this.value][0];},
        }
    },

    series: [{
        data: seriesData     
     }]
  });
});

见DEMO

内容总结

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

内容备注

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

内容手机端

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

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

来源：【匿名】