Using angular chart with bootstrap 3

Question

I'm trying to include an angular chart component.

, inside of a panel from bootstrap, i'm using a node template engine jade, this part of code is where i'm trying to put the chart:

 .col-md-7
  .row
    .col-md-11
      .panel.panel-default.content
        angularchart(dataset="dataset" schema="schema" options="options")

But the chart is outside the panel, like the image.

Is there a way to fit into the panel?

Thanks.

Answer 1

Make sure the styles for the <angularchart> tag are set:

angularchart {
  display: block;
  position: relative;
}

The current release includes these styles inline. Check out the upgrade guide to switch to this improved version.