如何使用图像中显示的自定义图表？

可否请您告诉我删除标签y轴标签。我使用高图库做一个简单的图表。 http://www.highcharts.com/demo/areaspline 我看到了一些y轴标签0,2.5,5..etc我想删除该标签。我需要显示如图所示的图表[！[在此输入图片] [1]] [ 1] http://jsfiddle.net/19bxgykz/1/如何使用图像中显示的自定义图表？

我们可以在图像中显示右侧吗？

这里是我的代码 http://jsfiddle.net/19bxgykz/1/

$(function() { 
    $('#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' 
      ] 
     }, 
     yAxis: { 
      title: { 
       text: 'Fruit units' 
      } 
     }, 
     tooltip: { 
      shared: true, 
      valueSuffix: ' units' 
     }, 
     credits: { 
      enabled: false 
     }, 
     plotOptions: { 
      areaspline: { 
       fillOpacity: 0.8 
      } 
     }, 
     series: [{ 
      name: 'John', 
      data: [3, 4, 3, 5, 4, 10, 12] 
     }] 
    }); 
});

来源

2015-09-04 user944513

可能的复制http://stackoverflow.com/questions/32402753/如何去除的-的-y轴标签中图。那个使用融合图表，但问题标题是相同的。可能是一项家庭作业？ – wergeld

修改y轴用下面的代码的

yAxis: { 
     title: { 
      text: '' 
     }, 
     labels: { 
      enabled:false 
     } 
    },

来源

2015-09-04 17:19:30

如果你想从左侧那么你可以使用opposite财产看到y轴的标签。像这样的配置：

yAxis : { 
    opposite:true, 
    //other options 
}

在这里看到的代码：https://jsfiddle.net/19bxgykz/1/

来源

2015-09-04 17:12:30 shershen

我想你贴错了链接。这一个和原来的一样。 – HeadCode

嗯奇怪，是的。检查一个 - http://jsfiddle.net/ogwsL7j3/ – shershen

如何使用图像中显示的自定义图表？

回答

相关问题