Highcharts 展示的数据如何格式化？

Question

X轴上的数据如何格式化成Y的样子？

$(function () {

 Highcharts.setOptions({
        lang: {
            numericSymbols: ['k' , 'M' , 'G' , 'T' , 'P' , 'E'],
        },
    }),

 Highcharts.chart('containers', {
     plotOptions: {
                    column:{
                        dataLabels:{
                            enabled:true, // dataLabels设为true
                            style:{
                                color:'#D7DEE9'
                            }
                        }
                    }
      },

     credits:{
            enabled: false
        },
    exporting: {
         enabled: false
    },
    chart: {
        type: 'column',
        alignTicks: false
    },
    title: {
        text: '流量使用排名'
    },
    yAxis: {
            labels: {

            },
            title: {
                text: ''
            }
        },
        legend: {
            enabled: false
        },

     xAxis: {
         lables:{
           formatter: function() {

            }
         },
        categories:
            ['tests']
    },

    series: [{
        showInLegend: false,
        name: '总流量使用',
        data: [
            [11111111111]
        ]
    }],
    responsive: {
        rules: [{
            condition: {
                maxWidth: 500
            },
            // Make the labels less space demanding on mobile
            chartOptions: {
                xAxis: {
                    labels: {
                        formatter: function () {
                            return this.value.replace('月', '')
                        }
                    }
                },
                yAxis: {
                    labels: {
                        align: 'left',
                        x: 0,
                        y: -2
                    },
                    title: {
                        text: ''
                    }
                }
            }
        }]
    }
});
 });
function setSize(width) {
    chart.setSize(width, 300);
}

Answer 1

你配置了全局,又单独配置了xAxis,所以没法应用全局的配置

xAxis: {
         lables:{
           formatter: function() {

            }
         },
        categories:
            ['tests']
    },

把上面这一段去掉,然后data每一项需要两个数字,一个是X轴一个是Y轴,如果每项只有一个数字的话,那就只有Y轴了,全局的配置是针对数字进行转换的.
具体的看例子
Highcharts Sample

另外以后你在问这一类问题的时候,最好是在 codepen 或者 jshare 或者codesandbox 之类的在线代码编辑器上面先写个demo重现一下,然后把问题和链接发出来,这样别人想要帮你解决问题的时候,就不需要自己在去搭架子了.

别人看到问题,需要花五六分钟搭架子,在花一分钟解决问题.或者你把架子搭好,别人花一分钟解决问题.两种情况你觉得是不是后面一种情况,别人更有可能来帮你解决问题的.