1
回答
highcharts dataLabels 不显示文字
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

下面代码不知道是不是有问题:

        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true,
                    formatter: function() { 
                      return  this.x + Highcharts.dateFormat('%Y-%m-%d', this.y);
                 }
                }},

下面是整体代码:

$('#container').highcharts({
          exporting:{
               enabled:false
          },
        chart: {
            type: 'bar'
        },


        title: {
            text: '天津城市轨道交通施工进度图'
        },
        subtitle: {
            text: '2016年10月28日 进度展示'
        },
        xAxis: {
            categories: ['成林道站', '幸福公园站', '婧江路站'],
            title: {
                text: null
            },
            visible:false
        },
        yAxis: {
            type:'datetime',
            min: Date.UTC(2011, 1, 1),
            title: {
                text: '',
                align: 'high'
            },
            labels: {
                overflow: 'justify',
                formatter: function() { return Highcharts.dateFormat('%Y-%m-%d', this.value);}
            }
        },
        tooltip: {
            enabled:true,
            pointFormat:"{series.name}: <b>{point.y}</b>"
            //pointFormatter:function() { return Highcharts.dateFormat('%Y-%m-%d', point.y);}
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true,
                    formatter: function() { 
                      return  this.x + Highcharts.dateFormat('%Y-%m-%d', this.y);
                 }
                }},
            series: { 
               pointWidth:10,
               cursor: 'pointer',  
               events: {  
                  click: function(e) { 
                     window.location.href=e.point.category.substring(0,(e.point.category.indexOf('站')+1))+'.html';  
                  } 
                } 
             }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: 0,
            y: -5,
            floating: true,
            borderWidth: 1,
            backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
            shadow: true
        },
        credits: {
            enabled: false
        },
        series: [{
            name: '目前工期',
            data: [Date.UTC(2017, 1, 1), Date.UTC(2012, 1, 1), Date.UTC(2013, 1, 1)]
        }, {
            name: '计划工期',
            data: [Date.UTC(2012, 2, 1), Date.UTC(2012, 6, 1), Date.UTC(2012, 9, 1)]
        }, {
            name: '实际完成总工期',
            data: [Date.UTC(2014, 1, 1), Date.UTC(2012, 10, 1), Date.UTC(2012, 1, 1)]
        },
        {
            name: '计划完成总工期',
            data: [Date.UTC(2016, 1, 1), Date.UTC(2012, 8, 1), Date.UTC(2012, 1, 4)]
        }]
    });

举报
qiaoshunlong
发帖于1年前 1回/519阅
顶部