logo
down
shadow

HighCharts: How to toggle yAxis options on browser resize?


HighCharts: How to toggle yAxis options on browser resize?

By : dos659
Date : November 20 2020, 03:01 PM
To fix this issue You could just make a set of responsive rules. Keeping in line with your examples above: one that matches when the chart width is smaller than 500px, and one when it is larger than 500px. Like this:
code :
responsive: {
  rules: [{
    condition: {
      maxWidth = 500, //matches all configs with width below 500px
    },
    chartOptions: {} //options go here
  }, {
    condition: {
      minWidth = 500, //matches all configs with width above 500px
    },
    chartOptions: {} //options go here
  }]
}


Share : facebook icon twitter icon
No auto resize of yaxis of highcharts in shiny

No auto resize of yaxis of highcharts in shiny


By : user2326986
Date : March 29 2020, 07:55 AM
I hope this helps . This is due to a clash between the version of highcharts running and the version of jquery. Shiny is using a later version of jquery. When you call highcharts outside shiny jquery 1.9.1 is being used. The error in the console when shiny is ran and a series is removed/added is
code :
TypeError: invalid 'in' operand style
Define yAxis value with two different yAxis scale highcharts

Define yAxis value with two different yAxis scale highcharts


By : David Doan
Date : March 29 2020, 07:55 AM
I hope this helps . You should set alignTicks as false
Highcharts multiple x axis and yaxis. The width of the 1st x-axis is not in sync with browser resize

Highcharts multiple x axis and yaxis. The width of the 1st x-axis is not in sync with browser resize


By : Ariel Palma
Date : March 29 2020, 07:55 AM
should help you out Width of xAxis in % is not supported. You could extend Highcharts by adding new options - e.g. widthPerc.
code :
  //add support for axis' left and width set in percent
  (function(H) {
    H.wrap(H.Axis.prototype, 'setAxisSize', function(proceed) {
      // Run original proceed method
      proceed.apply(this, [].slice.call(arguments, 1));

      var chart = this.chart,
        options = this.options,
        width = options.widthPerc,
        left = options.leftPerc;

      // Check for percentage based input values
      if (width) {
        width = parseFloat(width) / 100 * chart.plotWidth;
        this.width = width;
        options.width = width;
      }
      if (left) {
        left = parseFloat(left) / 100 * chart.plotWidth + chart.plotLeft;
        this.left = left;
        options.left = left;
      }
    });
  }(Highcharts));
            xAxis: [{
              categories: ['No Reason', ],
              tickmarkPlacement: 'on',
              //width:120,
              max: 4,
              endOnTick: false
            }, {
HighCharts. How to align yAxis title and yAxis labels to right in one line?

HighCharts. How to align yAxis title and yAxis labels to right in one line?


By : user2795815
Date : March 29 2020, 07:55 AM
To fix this issue You can use title.x and labels.x properties to set the space. The x value is included in chart size calculations:
code :
yAxis: {
    title: {
        rotation: 0,
        align: 'high',
        y: -21,
        textAlign: 'right',
        x: -10,
        margin: 0,
        offset: 0,
        text: 'ttl'
    },
    labels: {
        x: -10,
        align: 'right',
        formatter: function(e) {
            return e.value * 333;
        }
    }
}
Highcharts multiple yAxis, the second yAxis labels are not showing but the title is

Highcharts multiple yAxis, the second yAxis labels are not showing but the title is


By : user3483484
Date : March 29 2020, 07:55 AM
help you fix your problem I have a chart with 2 series and everything is fine except that the 2nd yAxis labels are not showing. , You need to link the second axis to the first:
code :
yAxis: [{
        ...
    },
    {
        ...,
        linkedTo: 0
    }
]
shadow
Privacy Policy - Terms - Contact Us © voile276.org