首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Highchart yAxis值

Highchart yAxis值
EN

Stack Overflow用户
提问于 2013-10-07 03:57:12
回答 2查看 1.1K关注 0票数 0

我有一个高图表条形图,如下所述,它显示了一些数值在yAxis中根据图表的高度。如何添加以下值0、40、80、120、160、200并替换自动填充的值。

代码语言:javascript
复制
             $('#barchart').highcharts({
                     chart: {
                          type: 'column',
                          backgroundColor:'rgba(255, 255, 255, 0.1)',
                          height: 250
                     },

                     title: {
                          text: ''
                     },

                     subtitle: {
                          text: ''
                     },

                     xAxis: {
                          categories: [
                              'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
                          ],

                     },

                     yAxis: {
                          min: 0,
                          max: 200,

                          title: {
                               text: ''
                          },
                          gridLineWidth: 1,
                          gridLineColor: '#eaeaea'

                      },

                     tooltip: {
                          headerFormat: '<span style="font-size:10px; font-family:inherit">{point.key}</span><table>',
                          pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                               '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
                          footerFormat: '</table>',
                          shared: true,
                          useHTML: true
                     },

                     legend: {
                          enabled: false
                     },

                     plotOptions: {
                          column: {
                               pointPadding: 0.2,
                               borderWidth: 0
                          }
                     },

                     credits: {
                          enabled: false
                     },

                     exporting: {
                          enabled: false    
                     },

                     series: [
                          {
                               name: 'Google',
                               data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 160.2, 194.1, 95.6, 54.4]
                          }, {
                               name: 'Yahoo',
                               data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
                          }, {
                               name: 'Bing',
                               data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]
                          }, {
                               name: 'Other',
                               data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
                          }
                     ],

                     colors: [
                          '#e33e3e', 
                          '#0671c7', 
                          '#049025', 
                          '#FFA206', 
                     ]
                });

小提琴:http://jsfiddle.net/P2Mv2/19/

EN

回答 2

Stack Overflow用户

发布于 2013-10-07 04:29:48

使用tickInterval:

代码语言:javascript
复制
        yAxis: {
            min: 0,
            max: 200,

            title: {
                text: ''
            },
            tickInterval: 40,
            gridLineWidth: 1,
            gridLineColor: '#eaeaea'

        },

小提琴:http://jsfiddle.net/manishie/U6NhV/

票数 1
EN

Stack Overflow用户

发布于 2013-10-07 17:34:24

您可以使用tickPositions / tickPositioner

http://api.highcharts.com/highcharts#yAxis.tickPositions

或者设置manishie提到的最小/最大值。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19213274

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档