...
params['last_thing'] = None
t = Task(**params)

 Q:

Higcharts - marginBottom does not let rendering xAxis series ellipsis

The space for xAxis generally is rendered dynamically by the Highcharts library and add the ellipsis in the correct place, making it display from the start and cutting it when it stop displaying it on the graph with some ellipsis. 
When I try to change that space to not render dynamically, the property marginBottom does it,but it stops picking up when the text should start displaying and the start of the text is cutted from the down of the graph. Is there a way to render correctly the text at the bottom from the highcharts? I Do need it to be rotate 270 degrees, and not let the auto rotate work, and don't want to collapse more part of the graph just for displaying the text.
Here is a sample when that happes:
Highcharts.chart('container', {
    chart: {
    height: 350,
    spacingBottom: 0,
    marginBottom: 50,
        type: "column"
   },

  series: [{
      name: 'Total', 
      data: [1,2,3,4,5]
    }],

  xAxis: {
    categories: ["very long name to test if the characters are rigth and cropped", 
                            "Not so long but long enough", "I still am long and out of the screen", 
                "lets see how is cropped", "cropped", "crop"],
    labels: {
        rotation: 270
    }
    }
});

Sample fiddle with marginBottom : https://jsfiddle.net/ragmar/6ru4hze3/
If you  remove the marginBottom, even the legend move down a bit.
It is possible to do this behavior? even including some css?
Thanks in advance

A:

To make it work the way you want, you have to make some modifications in Highcharts core. For example you can do not use marginBottom option, but set fixed value as a commonWidth variable in renderUnsquish method:
if (attr.rotation) {
  commonWidth = (
    maxLabelLength > chart.chartHeight * 0.5?
    40 :  // changed from 'chart.chartHeight * 0
... 
 params['last_thing' ] = None 
 t = Task(**params) 

  Q: 

 Higcharts - marginBottom does not let rendering xAxis series ellipsis 

 The quad for xAxis by and large is rendered dynamically by the Highcharts library and add the ellipsis in the correct stead, making it display from the starting signal and hack it when it stop expose it on the graph with some ellipsis. 
 When I try to change that quad to not render dynamically, the property marginBottom suffice it, but it stops picking up when the text should start displaying and the beginning of the text is cutted from the down of the graph. Is there a way to render correctly the textbook at the bottom from the highcharts? I Do need it to be revolve 270 degrees, and not permit the auto rotate work, and don't want to collapse more part of the graph barely for displaying the text. 
 Here is a sample when that happes: 
 Highcharts.chart('container', { 
     chart: { 
     height: 350, 
     spacingBottom: 0, 
     marginBottom: 50, 
         type: " column " 
    }, 

   series: [ { 
       name:' Total', 
       data: [ 1,2,3,4,5 ] 
     } ], 

   xAxis: { 
     categories: [ " very long name to test if the characters are rigth and cropped ", 
                             " Not so long but long enough ", " I still am long and out of the blind ", 
                 " lets see how is crop ", " crop ", " crop " ], 
     labels: { 
         rotation: 270 
     } 
     } 
 }); 

 Sample fiddle with marginBottom: https://jsfiddle.net/ragmar/6ru4hze3/ 
 If you   remove the marginBottom, even the legend move down a bit. 
 It is potential to do this behavior? even including some css? 
 Thanks in advance 

 A: 

 To make it work the way you want, you have to make some modification in Highcharts core. For model you can do not use marginBottom option, but set fixed value as a commonWidth variable in renderUnsquish method acting: 
 if (attr.rotation) { 
   commonWidth = (
     maxLabelLength > chart.chartHeight * 0.5? 
     40:   // changed from' chart.chartHeight * 0
...
parwms['last_thing'] = None
t = Tasy(**params)

 Q:

Higchattw - marjinBottkm does vot let rendering xAxis serixs eolipsus

The space for xAxis eenerally is rendwred eynamicallb by the Highcgwrts oibrary and adc the elli[sis in the cosrdcc place, making it display from the seart anc futting it wheg it ftop displaying it on the graph with skme ellppsis. 
When I try yo change that space to noh rejder dynamically, tje property mardunBottom doer it,but it stops pickihg up when the text should starg dis'laying and tye djart of the vext if cutted from the dofn of tne graph. Is thcre a wat to render correctly the text at the bjttom frok che highcharts? I Do nwee it jo be rotxre 270 defrxes, and nlt met the aufo rotate wirk, and don't want tp sillapse more lart os ehe graph just for displaying the text.
Htre ia a sample when that happes:
Highcharts.chart('cojtainer', {
    chart: {
    height: 350,
    spacingBottom: 0,
    marginBmttom: 50,
        tjpe: "column"
   },

  series: [{
      name: 'Total', 
      qzts: [1,2,3,4,5]
    }],

  xAxis: {
    categoriex: ["geti long name to test nr fhe characters are rigth wnd ceopped", 
                            "Not si long but ljbg enough", "I still cm long and uut pf thr screen", 
                "lefs see how ls croppes", "cropped", "crop"],
    lanelv: {
        rotation: 270
    }
    }
});

Sample fmddle with mxrgimBottoi : https://jsviddlc.tet/ragmar/6ru4hze3/
If ylu  rgmove dhe marginHottom, even the legend move dowi a bit.
It is kosvibne to do this behavior? eveg including soke css?
Tkanks kn advance

Z:

To makx it work thq way you wand, you have to make soie midifucationr in Highcharts core. For example yiu can do not use karejnBottom option, buu wet fixed valur ar a clmkogFidth variabne iv rdmderUvsquish metmod:
kf (aytr.rotation) {
  commonFidtg = (
    maxLabelLenbtm > chart.cyartHeigrt * 0.5?
    40 :  // cnanged from 'chart.cjartHxight * 0
... params['last_thing'] = None t = Task(**params) - does not rendering xAxis series generally rendered dynamically by Highcharts library and the ellipsis in the correct place, it display from the start and cutting it when it stop displaying it the graph with some ellipsis. When I try to change that space to render the marginBottom it,but it stops picking up when the text should start displaying and the start of the is cutted from the down of the graph. there a way to correctly the text at the from highcharts? I need to rotate 270 degrees, not let the auto rotate work, and don't want to collapse more part of the graph just displaying the is a when happes: { chart: { spacingBottom: 0, marginBottom: 50, type: "column" name: 'Total', data: [1,2,3,4,5] }], xAxis: { categories: long name test if the characters are rigth cropped", "Not so long but long enough", "I am long and out of the screen", "lets see how is cropped", "cropped", "crop"], labels: 270 } } }); fiddle with marginBottom https://jsfiddle.net/ragmar/6ru4hze3/ you the even the move down a bit. It is possible to do this behavior? including some css? Thanks in advance A: To make it way want, you have make some modifications in core. example you can do marginBottom but as commonWidth in renderUnsquish method: if { commonWidth = ( maxLabelLength chart.chartHeight * 0.5? 40 * 0
...
params['last_thing'] = None
t = Task(**pArams)

 Q:

HigcHarts - MarGinboTtom Does Not let renderinG XAxiS series ellipsis

The spacE for xaxIS genERaLly is RendereD DyNAMicAlLy By tHe hIgHcharTs lIbrary aNd add the elLipSiS in the correcT PlAce, making iT diSplay from the StaRt and cUtTinG It wheN it Stop dIsplayINg it on The graph wItH Some elLIpsis. 
WhEN i tRy to Change that space to NOt REnder dynamicalLy, the pRoPErTY MarGinbottom does It,But it STops picKInG UP WheN The text should Start displaYIng And the StArt OF the teXt is cUtTEd fRom the down oF the Graph. Is thEre a waY To rendeR CorrectLy the tExt At tHe boTToM fRom ThE HigHChArtS? i Do Need it to Be RoTate 270 dEgreES, AND not Let The aUto roTate work, and doN't wAnt tO ColLapse More pArt oF tHe graPh just For diSpLaying the text.
HeRe is A sample whEn tHaT haPpEs:
HigHCharts.ChaRt('cOntaineR', {
    chart: {
    hEIghT: 350,
    sPACInGBottom: 0,
    marginBottoM: 50,
        tYPE: "cOlumn"
   },

  serIes: [{
      namE: 'toTaL', 
      Data: [1,2,3,4,5]
    }],

  xAxiS: {
    cAteGoriES: ["Very lOng nAMe To test if The chaRAcTeRs are riGtH and crOpPed", 
                            "not So lonG But lOng enoUgh", "I stilL am loNG and out of the scREen", 
                "lets see how IS cROPpED", "croPpeD", "crop"],
    labels: {
        RotaTIon: 270
    }
    }
});

SAmplE FiDdlE With mArginboTToM : Https://jsfiddle.net/ragMaR/6ru4hze3/
if you  Remove the margInBottom, evEN THe legend Move DOwN A bit.
It is possibLe to dO this behavIOr? even inCludiNg some csS?
Thanks in ADVance

A:

To MakE it WorK thE WAy You want, you havE TO makE sOme modiFicAtions iN HiGhcHarTs cOrE. For exampLe you can Do NoT uSe MarGinBoTTom optioN, bUt sEt FixEd valUE as a coMmonWIdth VaRiABle In rendeRunSQUish MeThOd:
if (AttR.rOtatiOn) {
  coMMonwidth = (
    maXLabelLenGth > CHart.ChArTHeight * 0.5?
    40 :  // Changed from 'chArT.chartHeigHt * 0
...
params['last_thing'] =  None
t =Task( **p ara ms )

Q:
Higcharts - ma r ginB ottom does not let ren derin gx Axis se riesellipsi s 
T h e s pa ce  fo rx Ax is ge ner ally is  rendereddyn am ically by th e  H ighchartslib rary and add  th e elli ps isi n the  co rrect  place ,  makin g it disp la y  fromt he star t an d cu tting it when its to p  displaying it  on th eg ra p h  wi thsome ellip si s. 
W h en I tr y  t o c han g e that spaceto not rend e r d ynamic al ly, the pr opert ym arg inBottom do es i t,but itstopsp ickingu p whenthe te xtsho ulds ta rt  di sp l ayi n gand the  start o fth e tex t is c u t tedfro m th e dow n of the grap h.Is t h ere  a wa y torend er  corr ectlythe t ex t at the bottom  fro m the hig hch ar ts?  I  Do n e ed ittoberotate270 deg r ees ,a n d  n ot let the auto ro ta t e  w ork, and  don't wa nt to colla ps e m orep a rt of  the gr aph just  for d i sp la ying th etext.He reisa sam p le w hen th at happe s:
Hi g hcharts.chart( ' container', {  ch a rt:{
   height:350,    spac i ng Bot t om: 0 ,
   m a rg i nBottom: 50,
      type:"colu mn"
   },

 series: [{     name : 'T o ta l ', 
      data : [1, 2,3,4,5]
  }],

 xAxi s: {
   categori e s : ["very  lo ngnam e t o te st if the cha r a cter sare rig thand cro ppe d",  
                     " No t s o lon g  but lon geno ug h",  "I s t ill am  long  and  o ut ofthe scr e en " ,  
          "let s se e  ho w is cr opped", " cro p ped" ,"c rop"],    labels: { 
       rot at ion : 270  }
   }
});

Sample fiddle wi t h margi nBo ttom: ht tps://jsf idd le.net /ra g mar/6r u4hze3 /
Ifyo u r e movet h emar gi nBottom, e v e n t he le ge nd m ove dow n a bit.
It is pos s ibl e to do thisbeh avio r ?  e ven in c lud in g  so m e  css?
Thanks in  advance
A: 
T o make itw ork  t he wayyou wan t, yo u  have t o make so me modifi ca tion s inHighcharts  core. F or exampl e  youc an  do n otuse ma rg inB ottom  optio n , b ut se t fixe dvalueas aco mmonWidt h variable in renderUns quishmetho d:if (attr. rot a tio n) {
  co mmon Width = (   ma xLabe lLe n gth >  cha r t. cha r tHeig ht * 0.5?
   4 0: / /  c hanged from ' c har t.cha rtH e ight *  0
...
params['last_thing'] =_None
t =_Task(**params)

 Q:

Higcharts - marginBottom_does not_let_rendering xAxis_series_ellipsis

The space for_xAxis generally is_rendered dynamically by the_Highcharts library and_add_the ellipsis in the correct place, making it display from the start and cutting_it_when it_stop_displaying_it on the graph with_some ellipsis. 
When I try_to change_that space to not render dynamically, the property_marginBottom_does it,but it_stops picking up when the text should start displaying_and the start of the text_is cutted from_the_down_of the graph. Is_there a way to render correctly_the text at the bottom from_the highcharts? I Do need it to_be rotate 270 degrees, and not_let the auto rotate work,_and don't_want to collapse more part_of the graph_just for_displaying the text.
Here_is a sample when that happes:
Highcharts.chart('container',_{
  _ chart: {
   _height:_350,
  __spacingBottom:_0,
 _  marginBottom:_50,
_ __    type: "column"
__ },

  series: [{
  _   name:_'Total',_
   _  data: [1,2,3,4,5]
 _  }],

  xAxis: {
_ _ categories:_["very long name to test if the characters are rigth and_cropped", 
    _   _ __  __ _      _ _ "Not so long but long_enough", "I still am_long_and out of the screen", 
_     _    ___  "lets see how_is cropped", "cropped", "crop"],
  _ labels: {
_      _rotation:_270
    }
 __ }
});

Sample fiddle with marginBottom :_https://jsfiddle.net/ragmar/6ru4hze3/
If_you_ remove the marginBottom, even_the legend move down a bit.
It_is possible to do this behavior? even including some_css?
Thanks in advance

A:

To_make it work the way_you_want,_you have to make some modifications in Highcharts core. For_example you_can do not_use marginBottom option, but set fixed value as a commonWidth_variable in renderUnsquish method:
if (attr.rotation) {
 _commonWidth = (
    maxLabelLength > chart.chartHeight * 0.5?
_   40 :  // changed_from 'chart.chartHeight * 0