Question

我创建了一个高图，但希望与youtube有类似的投票风格;积极与消极。我的问题是让条形图保持图形的全宽，我知道百分比可以解决这个问题，但我想要整数。

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'bar',
              marginLeft:0             

            },
            title: {
                  text: 'votes'
                  },
              credits: {
            enabled: false
        },


            xAxis: {
                categories: ['Apples'],
                title: {

                    enabled: false 



                }
            },
                         exporting: {
            enabled: false
        },
            yAxis: {
                min: 0,
                max:23,
                title: {
                      enabled: false },
               gridLineColor: '#fff',
               lineColor: '#fff'
            },
            legend: {
                backgroundColor: '#FFFFFF',
                reversed: true
            },
            plotOptions: {
                series: {
                    stacking: 'normal'
                }
            },
                series: [{
                name: 'Yes',
                data: [20]
            },{
                name: 'No',
                data: [3]
            }]
        });
    });

Answer 1

一种选择是使用'endOnTick'：

yAxis: {
            endOnTick: false,

http://jsfiddle.net/f3eFd/

如果要显示结束标记（23），您还可以添加：

tickInterval:23,

http://jsfiddle.net/bLDpg/

如果你真的想要获得幻想，你可以定义你需要的每个刻度。在下面的代码中，它在0,3和23处打印刻度。

 tickPositioner: function () {
            var positions = [0, 3, 23];
            return positions;
        },

http://jsfiddle.net/aSHz3/

Answer 2

我认为，您需要设置的只有endOnTick: false和maxPadding: 0，请参阅：http://jsfiddle.net/u6H3b/1/

唯一的问题是没有显示最后一个勾号，如果这是您的问题，请按照SteveP的建议使用tickPositioner。

高图表 - 如何获得全宽度的堆叠图形？

2 个答案: