Fix embed issues on some charts (missing width)

Author: ramiy

src/charts/mixed.md

@@ -49,9 +49,9 @@ The first method to place them on top of each other using CSS position:
 #my-stock-chart {
   position: relative;
   height: 250px;
+  width: 100%;
   max-width: 600px;
   margin: 0 auto;
-  background-color: #eee;
 }
 #my-stock-chart > table {
   position: absolute;
@@ -71,6 +71,7 @@ The first method to place them on top of each other using CSS position:
 #stock-chart-example-1 {
   position: relative;
   height: 250px;
+  width: 100%;
   max-width: 600px;
   margin: 0 auto;
   background-color: #eee;
@@ -192,7 +193,6 @@ The same result can be achieved with CSS grid. And also include [axis titles](..
     "data-1-axis  stocks       data-2-axis"
     "data-1-axis  volume       data-2-axis"
     "primary-axis primary-axis primary-axis";
-  background-color: #eee;
 }
 #my-chart > table.area,
 #my-chart > table.line {
@@ -228,6 +228,7 @@ The same result can be achieved with CSS grid. And also include [axis titles](..
     "data-1-axis  volume       data-2-axis"
     "primary-axis primary-axis primary-axis";
   background-color: #eee;
+  width: 650px;
 }
 #stock-chart-example-2 > table.area,
 #stock-chart-example-2 > table.line {

src/components/axes.md

@@ -720,7 +720,6 @@ To add informative titles for your axes, you can use `<table>` tags. To add axis
   grid-template-areas: 
     "data-axis    chart"
     "primary-axis primary-axis";
-  background-color: #eee;
 }
 #my-chart > table {
   grid-area: chart;
@@ -747,6 +746,7 @@ To add informative titles for your axes, you can use `<table>` tags. To add axis
     "data-axis    chart"
     "primary-axis primary-axis";
   background-color: #eee;
+  width: 650px;
 }
 #axes-example-13 > table {
   grid-area: chart;