数据标签格式化HighCharts树图

时间:2015-02-23 13:19:17

标签: javascript highcharts treemap

我正在使用树形图,但问题是我的数据标签格式不正确。

enter image description here

如您所见,最后一个区域中的文字被裁剪。我该如何解决这个问题?

HTML:

<div id="divHeatMap" style="width: 1300px; height: 800px"></div>

脚本:

 $('#divHeatMap').highcharts({
                            colorAxis: {
                                minColor: '#FA0404', // red
                                maxColor: '#08F718' // green
                            },
                            series: [returnJson.Series],
                            title: {
                                text: ''
                            },
                            plotOptions: {
                                treemap: {
                                    //  area: { cropThreshold: 500 },
                                    dataLabels: {
                                        // overflow: 'right',
                                        //  crop: true,
                                        formatter: function () {
                                            return '<b>Name : ' + this.point.name + '</b> ' +
                                                '<br/>' +
                                                '<b>Price : ' + this.point.CurrentPrice + '</b> ' +
                                                '<br/>' +
                                                '<b>Net Change :  ' + this.point.NetChange + '</b>' +
                                                '<br/><b>% Change :' + this.point.PercentageChange + '</b>' +
                                                '<br/>' +
                                                '<b>Value :' + this.point.value + '</b> ' +
                                                '<br/>';
                                            //  return '$' + this.point.name
                                        },
                                        color: 'white'
                                    }
                                }
                            }
                        });

0 个答案:

没有答案
相关问题