Highcharts不会在条形图上倾斜数据

时间:2014-07-30 14:18:04

标签: javascript jquery charts highcharts

我一直试图使用高图的蝙蝠图来使文字偏斜而没有结果。

我在yAxis上有14个数据选项,我已经设置了旋转值但是文本没有旋转。从我看到的示例中,始终使用xAxis作为示例。我几乎被锁定在这种特定类型的图表中。

此处发布完整代码。代码片段将随之而来。小提琴贴在这里:http://jsfiddle.net/mwoods98/gTQ75/1/

$('#container').highcharts({
                chart: {
                    type: 'bar'
                },
                title: {
                    text: 'Testing Phase'
                },

                xAxis: {
                    categories: ['Phase'],
                    title: {
                        text: null
                    }
                },
                yAxis: {

                    categories: ['Option1', 'Option2', 'Option3', 'Option4', 'Option5', 'Option6', 'Option7', 'Option8', 'Option9', 'Option10', 'Option11', 'Option12', 'Option13', 'Option14'],
        labels: {
            rotation: 270,
        y:40  
        },

总体目标是使用此图表并使文本以45度角倾斜。我也认为将文本垂直流动也是可以接受的。

提前致谢!

1 个答案:

答案 0 :(得分:0)

问题是你有两次yAxis.labels财产。它正在使用第二个,它只是说明它是合理的。将这两者合二为一,或者删除第二部。