javascript - Highcharter - move data label to top of column -


i move data labels, centered on columns default, of waterfall chart above each column. looking through highcharts options found overflow option , so post on how move data labels highcharts (not highcharter though).

however, implementing proposed steps of setting crop = false , overflow = 'none' did not move data labels.

here small example proposed settings:

library(highcharter)  dataframe <- data.frame(name = c("a","b","c", "d"),                         y = c(12.10, 5.45, -8.60, na),                         isintermediatesum = c(false, false, false, false),                         issum = c(false, false, false, true),                         color = c("#377eb8", "#4daf4a", "#e41a1c", "#377eb8"),                         stringsasfactors = f)  data_list = dataframe %>% list_parse()  highchart() %>%    hc_chart(type = "waterfall") %>%    hc_title(text = "") %>%    hc_subtitle(text = "") %>%   hc_xaxis(type = 'category') %>%   hc_yaxis(     title = list(text = ""),     labels = list(format = "{value:,.2f}%", usehtml = true)   ) %>%   hc_legend(enabled=false) %>%   hc_tooltip(pointformat = '<b>{point.y:,.2f}%</b>', usehtml = true) %>%   hc_add_series(data = data_list,                  datalabels = list(                   enabled=true,                   formatter= js("function(){ return highcharts.numberformat(this.y, 2, ',') + '%';}"),                   style=list(                     color="#ffffff",                     fontweight="bold",                     textshadow="0px 0px 3px black"                   ),                   crop = false,                   overflow = 'none'                 )   )

does of know how move data labels?

if understood u correctly

verticalalign: stringsince 2.3.3 vertical alignment of data label. can 1 of top, middle or bottom. default value depends on data, instance in column chart, label above positive values , below negative values.

doc

        datalabels: {verticalalign: 'top'}

js fiddle: http://jsfiddle.net/obrylg6q/

new fiddle: http://jsfiddle.net/obrylg6q/1/

        crop: false,         overflow: 'none',         x: 0,         y: -30, // above bar

or

set datalabels.inside false: jsfiddle.net/obrylg6q/2 – grzegorz blachliński 18 mins ago

highcharts developer comment. think should follow advice) 

       crop: false,        overflow: 'none',        inside: false

Comments

Post a Comment

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

while performing simple hover test on firefox through selenium (3.4.0) python bindings (3.4.3) using of available os in saucelabs (except linux, latest available firefox version old), performing following actionchain: hover = actionchains(driver) hover.move_to_element(elm_men_menu).perform() it throws following error: taceback: file [...] in testhover hover.perform() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 80, in perform action() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 290, in <lambda> command.move_to, {'element': to_element.id})) file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/remote/webdriver.py", line 256, in execute self.error_handler.check_response(response) file "/usr/local/lib/python2.7/...
Read more

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

transpose - Maple isnt executing function but prints function term -

im using maple im in worksheetmode tried using maple input , 2d input , want transpose matrix a: := `<|>`(`<,>`(1, .5, -2), `<,>`(.5, 9/4+b, 5+3*b), `<,>`(-2, 5+3*b, 18+9*b+4*a)); b:= transpose(a); when exectute sheet dont translated values, there same input. matrix looks same input matrix plus function term. you can see picture in following link: why arent functions executed? meanwhile b:=a^+ doing right way , transposed matrix. other functions return function body instead needed values... if using 2d input mode (the default) space you've got between transpose , bracketed (b) interpreted multiplcation. rid of such space. also, either load package @ start of document like, with(linearalgebra): before calling transpose command package, or call it's full name like, linearalgebra:-transpose(b);
Read more