.simple-chart {
  padding: 4px 2px;
  border: 1px solid silver;
  width: 100%;
  height: 100%;
  margin: 0;
}
.simple-chart-body {
  width: 100%;
  height: 100%;
}
.simple-chart-cell {
  position: relative;
}
.simple-chart-value {
  bottom: 0;
  position: absolute;
  border: 1px solid silver;
  left: 2px;
  right: 2px;
}

.chart {
  border: 1px solid silver;
  width: 100%;
  height: 100%;
}
.chart-cell {
  display: inline-block;
  float: left;
  margin: 4px;
  position: relative;
}
.chart-name {
  position: absolute;
  bottom: 50%;
  width: 100%;
  text-align: center;
}
.chart-axis-y-label1, .chart-axis-y-label2 {
  position: absolute;
  right: 4px;
}
.chart-axis-y-label1 {
  top: 4px;
}
.chart-axis-y-label2 {
  bottom: 4px;
}
/*
.chart-chart {
  padding: 4px;
}
.chart-axis-y {
  position: relative;
  vertical-align: middle;
  padding: 4px;
}
.chart-axis-x {
  width: 100%;
}

*/