diff --git a/docs/src/docs/AreaBarChart/examples/AreaBarChart.js.example b/docs/src/docs/AreaBarChart/examples/AreaBarChart.js.example
index 6e8a85e5..577afb18 100644
--- a/docs/src/docs/AreaBarChart/examples/AreaBarChart.js.example
+++ b/docs/src/docs/AreaBarChart/examples/AreaBarChart.js.example
@@ -1,7 +1,7 @@
 const AreaBarChartExample = (props) => {
   return <div>
     <XYPlot width={500} height={320}>
-      <XAxis /><YAxis />
+      <XAxis /><YAxis labelFormats={['0.1f']} />
       <AreaBarChart
         data={_.range(15)}
         x={d => Math.sin(d / 10) * 10}
diff --git a/docs/src/docs/AreaBarChart/examples/RatesByAge.js.example b/docs/src/docs/AreaBarChart/examples/RatesByAge.js.example
index 6594e392..15762920 100644
--- a/docs/src/docs/AreaBarChart/examples/RatesByAge.js.example
+++ b/docs/src/docs/AreaBarChart/examples/RatesByAge.js.example
@@ -3,7 +3,7 @@ const RatesByAge = (props) => {
     <h3 style={{textAlign: 'center'}}>US Smoking Rates by Age Group</h3>
     <XYPlot width={500} height={320} yDomain={[0, .2]}>
       <XAxis title="Age" ticks={[18, 25, 45, 65]} nice={false}/>
-      <YAxis title="Cigarette Use" tickCount={4} labelFormat={'%'} />
+      <YAxis title="Cigarette Use" tickCount={4} labelFormat={'.1%'} />
       <AreaBarChart
         data={[
           {ageMin: 18, ageMax: 25, rate: .13},