javascript - 修改HighCharts中tickPositions的大小

标签 javascript ajax jquery highcharts

我想知道如何修改tickPositions: [0, 80, 90, 100]之间的间距,因为如果这样表示的话,0之间的间距非常大和 80。我想要 0,但那个空间很小。

$(function () {
    $('#container').highcharts({
        chart: {
            borderColor: '#025577',
            borderWidth: 4,
            borderRadius: 10,
            zoomType: 'xy',
            spacingBottom: 30
        },
        title: { 
        text: 'PORCENTAJE DE APROBACIÓN EN I Y II CICLOS,<br>SEGÚN AÑO            ',
            x: -20 //center
        },
        subtitle: {
            text: '',
            x: -20
        },
            credits: {
        text:'FUENTE: Departamento de Análisis Estadístico,MEP',
        href: '#'
        ,
        style: {
           cursor: 'pointer',
           color: '#000000',
           fontSize: '12px',
           fontWeight: 'bold',
           padding: '50px'

                                 },
        position: {
            align: 'left',
            x: 40,

        }

           },
        xAxis: {categories: [ '2001', '2002', '2003', '2004', '2005', '2006', '2007',  
                        '2008', '2009', '2010', '2011', '2012'],tickInterval: 2, 
        },
        yAxis: {
        min: 80,

         tickPositions: [80, 80, 90, 100],/*en esta parte si cambio el 
             primer 80 por 0 el grafico como estadistimente debe ser donde el grafico 
          inicia en cero ....  pero visualmente no representa los datos y si tiene el 
         80 al inicio los datos se ven bien pero el cero importante a nivel estadistico 
          no esta*/

            title: {
                text: 'TASA'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '%'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: '1º',
            data: [85.5,    85.6,   84.9,   85.3,   84.3,   83.7,   83.3,   88.5, 
        86.5,   86.3,   86.7,   86.9 ]
        }, {
            name: '2º',
            data: [91.3,    91.2,   90.9,   90.9,   89.6,   89.7,   90.2,   93.3, 
   90.9,    91.6,   92.4,   92.8 ]
        }, {
            name: '3º',
            data: [92.1,    92.6,   91.8,   91.4,   90.3,   90.0,   90.6,   94.2,   
       93.0,    92.8,   93.5,   93.9 ]
        }, {
            name: '4º',
            data: [89.5,    89.8,   88.9,   88.5,   86.5,   85.8,   87.1,   90.8,   
         89.8,  89.6,   90.2,   90.1 ]
        },{
            name: '5º',
            data: [91.5,    92.0,   91.8,   91.7,   90.2,   90.5,   91.5,   94.9,   
             93.9,  93.5,   94.0,   93.5 
                ]
        }, {
            name: '6º',
            data: [96.9,    97.3,   97.2,   96.5,   92.7,   93.9,   94.6,   96.8,   
                 95.9,  95.3,   95.4,   96.0
                       ]
                        }
        ]
                          });
                             });


    '

最佳答案

您正在寻找的是所谓的音阶中断。目前HC不支持这一点。

关于javascript - 修改HighCharts中tickPositions的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20621088/

相关文章:

javascript - Ember ownsTo 关系在保存时传递为 nil 到服务器

php - 解析简单的 XML - Javascript/Ajax

javascript - 单击右箭头后图像 slider 不滑动

php - Ajax 请求在 Meteor 中失败,但在 localhost 测试中正确

javascript - 如何测量将 JSON 字符串解析为 Javascript 对象的时间

javascript - 带有 Fancybox 的 Pikachoose API Hook 在 IE9 或更低版本中不起作用

jquery - tinyMCE 与 nicEdit?

jquery - .prependTo() 是否遵循 jQuery 链接?

javascript - 保持选择的持久性

javascript - ES6 promise 错误处理