Highcharts inside webix

Webix JS
#1

Hi!
I’m developing Ruby on Rails app and render highchart like this:

          = render 'chart'```

The chart displays and works fine. However, when I try to render it inside webix scrollview, the container remains empty. My code:

```#section3{:style => "display:none;"}
       #container{:height => "800px", :width => "1100px"}
        = render 'chart'```

```webix.ui({view:"layout",
    container:"scroll", type:"line", rows:[
      {view: "scrollview", id: "sections", height: 600,
        scroll: "y",
        body:{
          type: "space", rows:[
             { id: "section_3", template: "html->section3", height: 300}
        ]}
      }
    ]
  })```

```function scroll(id){
    $$("sections").showView("section_"+id);
  };```

Please help me to understand where is my mistake.
#2

Hello,

It seems that the contents of Highcharts (canvas) cannot be moved from one container to another. But you can initialize the Highchart directly in the template once it is rendered: http://webix.com/snippet/2b7b7f03

Alternatively, you can create a custom component and render the Highchart with the necessary setting within it: https://webix.com/snippet/3fb3cddf

#3

Thank you!

#4

Hi,
all the Highcharts snippets are no more working, also the component example https://forum.webix.com/discussion/4999/somewhat-working-highcharts-component fails ?
Anyone an idea what’s wrong ?

Best Regards Matthias

#5

Hello,

You need to change the protocol for the included scripts, as Webix snippet tool has moved to https recently.

Please, check the updated snippets:

#6

oh yes…
many thanks

#7

by the way I found

works very nice…

#8

hi everyone, can anyone plz help me to sort this problem
problem is i need to make legend points in highchart oval shape is that possible yes means please give me suggestions
advance thanks

#9

Hi @sridhark
please check the API of HighCharts series marker (symbol chapter)