css3 - Issue on Fitting Highcharts.js in Bootstrap 3 Panels -


I'm having problems on fitting Highchurch in the Bootstrap 3 panel located in the tab pan. Can you please see it and tell me what I am writing here?

  & lt ;! - Navigation tab - & gt; & Lt; Ul class = "nav nav-tabs" role = "tablist" & gt; & Lt; Li role = "presentation" category = "active" & gt; & Lt; A href = "# home" role = "tab" data-toggle = "tab" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li role = "presentation" & gt; & Lt; A href = "# profile" role = "tab" data-toggle = "tab" & gt; Profile & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt ;! - Tab Pains - & gt; & Lt; Div class = "tab-content" & gt; & Lt; Div role = "tabpanel" class = "tab-panel active" id = "home" style = "padding: 20px;" & Gt; Please go to the chart pane & lt; / Div & gt; & Lt; Div role = "tabpell" class = "tab-panel" id = "profile" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-md-4" & gt; & Lt; Div class = "panel-panel-default" & gt; & Lt; Div class = "panel-title" & gt; Chart 1 & lt; / Div & gt; & Lt; Div class = "panel-body" & gt; & Lt; Div class = "id =" chart-box-1 "style =" width: 100%; Height: 300px "> 
& lt; / div> & lt; / div & gt; & lt; div class =" col-md- 4 "& gt; div class =" panel panel-default "> gt; div class =" panel-title "> chart 2 gt; div class = "Panel-body"> gt; div class = "id =" chart-box-2 "style =" width: 100%; height: 300px "& gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-4" & gt; & Lt; Div class = "panel-panel-default" & gt; & Lt; Div class = "panel-title" & gt; Chart 3 & lt; / Div & gt; & Lt; Div class = "panel-body" & gt; & Lt; Div class = "id =" chart-box-3 "style =" width: 100%; Height: 300px ">
& lt; / div> & lt; / div & gt; & lt; / div & gt; & lt; / Div> & lt; / div & gt;

As high quality documents In the example, you should define a width in your chart object.

For example:

  var chart 1; $ (function () {chart1 = new highchart Chart ({chart: {rendereTo: 'chart-box-1', width: 700}, xAxis: {categories: ['Jan', 'Feb', 'Mar']}, series: [[Data: [29.9] , 71.5, 106.4]}]}};});  

I've updated your bela so that you can get results Investigations can:


Comments

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

php - Mysql Show Process - Sleep Commands and what to do -

c - What is the address of buf (the local variable in the main function)? -