如何在图表的右侧显示标签?

时间:2015-09-07 05:49:39

标签: javascript jquery angularjs charts highcharts

我制作一个简单的图表。我正在使用hightchart js文件。我能够制作图表,但我有一个问题,我需要标签应该显示在右侧,如图所示。我也可以制作这首歌的激情图表,请检查我的小提琴图。 http://jsfiddle.net/Tu57h/139/

但我需要使用高图。我们可以使用高图添加标签,如图所示和上方小提琴

这是我的代码 http://jsfiddle.net/ogwsL7j3/1/

[![$('#container').highcharts({
        chart: {
            type: 'areaspline'
        },
        title: {
            text: 'Average fruit consumption during one week'
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            verticalAlign: 'top',
            x: 250,
            y: 300,
            floating: true,
            borderWidth: 1,
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
        },
        xAxis: {
            categories: \[
                'Monday',
                'Tuesday',
                'Wednesday',
                'Thursday',
                'Friday',
                'Saturday',
                'Sunday'
            \]
        },]

1 个答案:

答案 0 :(得分:0)

根据Jsfiddle here,可能不支持调整权限:将left更改为right。 但你至少可以左对齐:

更改标签 labels: { enabled:false }

yAxis: {
    labels:{
          align: 'left'
      },
    title: {
        text: ''        
    }
}