diff --git a/sample/src/main/res/layout/chart_1.xml b/sample/src/main/res/layout/chart_1.xml
index 7f151efb4..a8afaec26 100644
--- a/sample/src/main/res/layout/chart_1.xml
+++ b/sample/src/main/res/layout/chart_1.xml
@@ -23,12 +23,6 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart1BottomAxisStyle"
-        app:layers="line"
-        app:lineLayerStyle="@style/Chart1LineLayerStyle"
-        app:scalableEndLayerPadding="16dp"
-        app:scalableStartLayerPadding="16dp"
-        app:showBottomAxis="true"
-        app:showStartAxis="true"
+        app:cartesianChartStyle="@style/Chart1CartesianChartStyle"
         app:zoomEnabled="false" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_10.xml b/sample/src/main/res/layout/chart_10.xml
index 974dc916d..89379923c 100644
--- a/sample/src/main/res/layout/chart_10.xml
+++ b/sample/src/main/res/layout/chart_10.xml
@@ -23,8 +23,5 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart10BottomAxisStyle"
-        app:layers="candlestick"
-        app:showBottomAxis="true"
-        app:showStartAxis="true" />
+        app:cartesianChartStyle="@style/Chart10CartesianChartStyle" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_2.xml b/sample/src/main/res/layout/chart_2.xml
index 8f936dd2e..6050b1ff8 100644
--- a/sample/src/main/res/layout/chart_2.xml
+++ b/sample/src/main/res/layout/chart_2.xml
@@ -23,9 +23,5 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart2BottomAxisStyle"
-        app:columnLayerStyle="@style/Chart2ColumnLayerStyle"
-        app:layers="column"
-        app:showBottomAxis="true"
-        app:showStartAxis="true" />
+        app:cartesianChartStyle="@style/Chart2CartesianChartStyle" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_3.xml b/sample/src/main/res/layout/chart_3.xml
index 35750bfaf..9fa320759 100644
--- a/sample/src/main/res/layout/chart_3.xml
+++ b/sample/src/main/res/layout/chart_3.xml
@@ -23,13 +23,6 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart3BottomAxisStyle"
-        app:fadingEdgeVisibilityInterpolator="androidx.interpolator.view.animation.FastOutSlowInInterpolator"
-        app:fadingEdgeWidth="32dp"
-        app:layers="line"
-        app:lineLayerStyle="@style/Chart3LineLayerStyle"
-        app:showBottomAxis="true"
-        app:showStartAxis="true"
-        app:startAxisStyle="@style/Chart3StartAxisStyle"
+        app:cartesianChartStyle="@style/Chart3CartesianChartStyle"
         app:zoomEnabled="false" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_4.xml b/sample/src/main/res/layout/chart_4.xml
index 287fbd47c..893a3f374 100644
--- a/sample/src/main/res/layout/chart_4.xml
+++ b/sample/src/main/res/layout/chart_4.xml
@@ -23,13 +23,6 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart4BottomAxisStyle"
-        app:columnLayerStyle="@style/Chart4ColumnLayerStyle"
-        app:layers="line|column"
-        app:lineLayerStyle="@style/Chart4LineLayerStyle"
-        app:scalableEndLayerPadding="16dp"
-        app:scalableStartLayerPadding="16dp"
-        app:showEndAxis="true"
-        app:showTopAxis="true"
+        app:cartesianChartStyle="@style/Chart4CartesianChartStyle"
         app:zoomEnabled="false" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_5.xml b/sample/src/main/res/layout/chart_5.xml
index 09f9923e1..cced6e354 100644
--- a/sample/src/main/res/layout/chart_5.xml
+++ b/sample/src/main/res/layout/chart_5.xml
@@ -23,13 +23,6 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart5BottomAxisStyle"
-        app:columnLayerStyle="@style/Chart5ColumnLayerStyle"
-        app:layers="column"
-        app:scalableEndLayerPadding="16dp"
-        app:scalableStartLayerPadding="16dp"
-        app:showBottomAxis="true"
-        app:showStartAxis="true"
-        app:startAxisStyle="@style/Chart5AxisStyle"
+        app:cartesianChartStyle="@style/Chart5CartesianChartStyle"
         app:zoomEnabled="false" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_6.xml b/sample/src/main/res/layout/chart_6.xml
index a8f96df6a..46c6bd273 100644
--- a/sample/src/main/res/layout/chart_6.xml
+++ b/sample/src/main/res/layout/chart_6.xml
@@ -23,13 +23,6 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart6BottomAxisStyle"
-        app:columnLayerStyle="@style/Chart6ColumnLayerStyle"
-        app:layers="column"
-        app:previewColumnSeriesCount="3"
-        app:scalableEndLayerPadding="16dp"
-        app:scalableStartLayerPadding="16dp"
-        app:showBottomAxis="true"
-        app:showStartAxis="true"
+        app:cartesianChartStyle="@style/Chart6CartesianChartStyle"
         app:zoomEnabled="false" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_7.xml b/sample/src/main/res/layout/chart_7.xml
index ab063901a..6a3138a15 100644
--- a/sample/src/main/res/layout/chart_7.xml
+++ b/sample/src/main/res/layout/chart_7.xml
@@ -23,12 +23,6 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart7BottomAxisStyle"
-        app:layers="line"
-        app:lineLayerStyle="@style/Chart7LineLayerStyle"
-        app:scalableEndLayerPadding="16dp"
-        app:scalableStartLayerPadding="16dp"
-        app:showBottomAxis="true"
-        app:showStartAxis="true"
+        app:cartesianChartStyle="@style/Chart7CartesianChartStyle"
         app:zoomEnabled="false" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_8.xml b/sample/src/main/res/layout/chart_8.xml
index 78e162ee8..dbbd92083 100644
--- a/sample/src/main/res/layout/chart_8.xml
+++ b/sample/src/main/res/layout/chart_8.xml
@@ -23,16 +23,6 @@
         android:id="@+id/chart_view"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:bottomAxisStyle="@style/Chart8BottomAxisStyle"
-        app:columnLayerStyle="@style/Chart8ColumnLayerStyle"
-        app:endAxisStyle="@style/Chart8VerticalAxisStyle"
-        app:layers="line|column"
-        app:lineLayerStyle="@style/Chart8LineLayerStyle"
-        app:scalableEndLayerPadding="16dp"
-        app:scalableStartLayerPadding="16dp"
-        app:showBottomAxis="true"
-        app:showEndAxis="true"
-        app:showStartAxis="true"
-        app:startAxisStyle="@style/Chart8VerticalAxisStyle"
+        app:cartesianChartStyle="@style/Chart8CartesianChartStyle"
         app:zoomEnabled="false" />
 </FrameLayout>
diff --git a/sample/src/main/res/layout/chart_9.xml b/sample/src/main/res/layout/chart_9.xml
index b030e7a3a..4a229a2ec 100644
--- a/sample/src/main/res/layout/chart_9.xml
+++ b/sample/src/main/res/layout/chart_9.xml
@@ -24,13 +24,5 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:theme="@style/Chart9ThemeOverlay"
-        app:bottomAxisStyle="@style/Chart9BottomAxisStyle"
-        app:layers="line"
-        app:lineLayerStyle="@style/Chart9LineLayerStyle"
-        app:previewMaxX="8"
-        app:previewMaxY="10"
-        app:previewMinY="-7"
-        app:showBottomAxis="true"
-        app:showStartAxis="true"
-        app:startAxisStyle="@style/Chart9StartAxisStyle" />
+        app:cartesianChartStyle="@style/Chart9CartesianChartStyle" />
 </FrameLayout>
diff --git a/sample/src/main/res/values/chart_10_styles.xml b/sample/src/main/res/values/chart_10_styles.xml
index c180198cf..59e2a6913 100644
--- a/sample/src/main/res/values/chart_10_styles.xml
+++ b/sample/src/main/res/values/chart_10_styles.xml
@@ -20,4 +20,11 @@
         <item name="horizontalAxisLabelSpacing">3</item>
         <item name="showGuidelines">false</item>
     </style>
+
+    <style name="Chart10CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart10BottomAxisStyle</item>
+        <item name="layers">candlestick</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showStartAxis">true</item>
+    </style>
 </resources>
diff --git a/sample/src/main/res/values/chart_1_styles.xml b/sample/src/main/res/values/chart_1_styles.xml
index 1c7c0d34e..dfb28bf41 100644
--- a/sample/src/main/res/values/chart_1_styles.xml
+++ b/sample/src/main/res/values/chart_1_styles.xml
@@ -17,6 +17,16 @@
 <resources>
     <color name="chart_1_color_1">#a485e0</color>
 
+    <style name="Chart1CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart1BottomAxisStyle</item>
+        <item name="layers">line</item>
+        <item name="lineLayerStyle">@style/Chart1LineLayerStyle</item>
+        <item name="scalableEndLayerPadding">16dp</item>
+        <item name="scalableStartLayerPadding">16dp</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showStartAxis">true</item>
+    </style>
+
     <style name="Chart1BottomAxisStyle">
         <item name="horizontalAxisItemPlacer">segmented</item>
         <item name="showGuidelines">false</item>
diff --git a/sample/src/main/res/values/chart_2_styles.xml b/sample/src/main/res/values/chart_2_styles.xml
index 3dedb7eb6..874fef351 100644
--- a/sample/src/main/res/values/chart_2_styles.xml
+++ b/sample/src/main/res/values/chart_2_styles.xml
@@ -17,6 +17,14 @@
 <resources>
     <color name="chart_2_color_1">#ff5500</color>
 
+    <style name="Chart2CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart2BottomAxisStyle</item>
+        <item name="columnLayerStyle">@style/Chart2ColumnLayerStyle</item>
+        <item name="layers">column</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showStartAxis">true</item>
+    </style>
+
     <style name="Chart2BottomAxisStyle">
         <item name="addExtremeHorizontalAxisLabelPadding">true</item>
         <item name="horizontalAxisLabelSpacing">3</item>
diff --git a/sample/src/main/res/values/chart_3_styles.xml b/sample/src/main/res/values/chart_3_styles.xml
index 8dbd280e0..6a433c0f2 100644
--- a/sample/src/main/res/values/chart_3_styles.xml
+++ b/sample/src/main/res/values/chart_3_styles.xml
@@ -18,6 +18,17 @@
     <color name="chart_3_color_1">#ffbb00</color>
     <color name="chart_3_color_2">#9db591</color>
 
+    <style name="Chart3CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart3BottomAxisStyle</item>
+        <item name="fadingEdgeVisibilityInterpolator">androidx.interpolator.view.animation.FastOutSlowInInterpolator</item>
+        <item name="fadingEdgeWidth">32dp</item>
+        <item name="layers">line</item>
+        <item name="lineLayerStyle">@style/Chart3LineLayerStyle</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showStartAxis">true</item>
+        <item name="startAxisStyle">@style/Chart3StartAxisStyle</item>
+    </style>
+
     <style name="Chart3AxisStyle">
         <item name="showTitle">true</item>
     </style>
diff --git a/sample/src/main/res/values/chart_4_styles.xml b/sample/src/main/res/values/chart_4_styles.xml
index dbdeca150..277a42aa6 100644
--- a/sample/src/main/res/values/chart_4_styles.xml
+++ b/sample/src/main/res/values/chart_4_styles.xml
@@ -20,6 +20,17 @@
     <color name="chart_4_color_3">#f094bb</color>
     <color name="chart_4_color_4">#fdc8c4</color>
 
+    <style name="Chart4CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart4BottomAxisStyle</item>
+        <item name="columnLayerStyle">@style/Chart4ColumnLayerStyle</item>
+        <item name="layers">line|column</item>
+        <item name="lineLayerStyle">@style/Chart4LineLayerStyle</item>
+        <item name="scalableEndLayerPadding">16dp</item>
+        <item name="scalableStartLayerPadding">16dp</item>
+        <item name="showEndAxis">true</item>
+        <item name="showTopAxis">true</item>
+    </style>
+
     <style name="Chart4BottomAxisStyle">
         <item name="horizontalAxisItemPlacer">segmented</item>
     </style>
diff --git a/sample/src/main/res/values/chart_5_styles.xml b/sample/src/main/res/values/chart_5_styles.xml
index 71eac0568..73d5ca1b3 100644
--- a/sample/src/main/res/values/chart_5_styles.xml
+++ b/sample/src/main/res/values/chart_5_styles.xml
@@ -19,6 +19,17 @@
     <color name="chart_5_color_2">#3490de</color>
     <color name="chart_5_color_3">#73e8dc</color>
 
+    <style name="Chart5CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart5BottomAxisStyle</item>
+        <item name="columnLayerStyle">@style/Chart5ColumnLayerStyle</item>
+        <item name="layers">column</item>
+        <item name="scalableEndLayerPadding">16dp</item>
+        <item name="scalableStartLayerPadding">16dp</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showStartAxis">true</item>
+        <item name="startAxisStyle">@style/Chart5AxisStyle</item>
+    </style>
+
     <style name="Chart5Column1ShapeStyle">
         <item name="topStartCornerSize">0dp</item>
         <item name="topEndCornerSize">0dp</item>
diff --git a/sample/src/main/res/values/chart_6_styles.xml b/sample/src/main/res/values/chart_6_styles.xml
index 38c2a9b0b..70730c910 100644
--- a/sample/src/main/res/values/chart_6_styles.xml
+++ b/sample/src/main/res/values/chart_6_styles.xml
@@ -19,6 +19,17 @@
     <color name="chart_6_color_2">#5e836a</color>
     <color name="chart_6_color_3">#a5ba8e</color>
 
+    <style name="Chart6CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart6BottomAxisStyle</item>
+        <item name="columnLayerStyle">@style/Chart6ColumnLayerStyle</item>
+        <item name="layers">column</item>
+        <item name="previewColumnSeriesCount">3</item>
+        <item name="scalableEndLayerPadding">16dp</item>
+        <item name="scalableStartLayerPadding">16dp</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showStartAxis">true</item>
+    </style>
+
     <style name="Chart6BottomAxisStyle">
         <item name="horizontalAxisItemPlacer">segmented</item>
     </style>
diff --git a/sample/src/main/res/values/chart_7_styles.xml b/sample/src/main/res/values/chart_7_styles.xml
index 6b9046964..c3a8350c4 100644
--- a/sample/src/main/res/values/chart_7_styles.xml
+++ b/sample/src/main/res/values/chart_7_styles.xml
@@ -19,6 +19,16 @@
     <color name="chart_7_color_2">#91b1fd</color>
     <color name="chart_7_color_3">#8fdaff</color>
 
+    <style name="Chart7CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart7BottomAxisStyle</item>
+        <item name="layers">line</item>
+        <item name="lineLayerStyle">@style/Chart7LineLayerStyle</item>
+        <item name="scalableEndLayerPadding">16dp</item>
+        <item name="scalableStartLayerPadding">16dp</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showStartAxis">true</item>
+    </style>
+
     <style name="Chart7BottomAxisStyle">
         <item name="horizontalAxisItemPlacer">segmented</item>
     </style>
diff --git a/sample/src/main/res/values/chart_8_styles.xml b/sample/src/main/res/values/chart_8_styles.xml
index 11ed58afa..fb9e95a3b 100644
--- a/sample/src/main/res/values/chart_8_styles.xml
+++ b/sample/src/main/res/values/chart_8_styles.xml
@@ -20,6 +20,20 @@
     <color name="chart_8_color_3">#f09b7d</color>
     <color name="chart_8_color_4">#ffc3a1</color>
 
+    <style name="Chart8CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart8BottomAxisStyle</item>
+        <item name="columnLayerStyle">@style/Chart8ColumnLayerStyle</item>
+        <item name="endAxisStyle">@style/Chart8VerticalAxisStyle</item>
+        <item name="layers">line|column</item>
+        <item name="lineLayerStyle">@style/Chart8LineLayerStyle</item>
+        <item name="scalableEndLayerPadding">16dp</item>
+        <item name="scalableStartLayerPadding">16dp</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showEndAxis">true</item>
+        <item name="showStartAxis">true</item>
+        <item name="startAxisStyle">@style/Chart8VerticalAxisStyle</item>
+    </style>
+
     <style name="Chart8BottomAxisStyle">
         <item name="horizontalAxisItemPlacer">segmented</item>
     </style>
diff --git a/sample/src/main/res/values/chart_9_styles.xml b/sample/src/main/res/values/chart_9_styles.xml
index b5e885c55..8637f8422 100644
--- a/sample/src/main/res/values/chart_9_styles.xml
+++ b/sample/src/main/res/values/chart_9_styles.xml
@@ -18,6 +18,18 @@
     <color name="chart_9_color_positive">#FF3716FF</color>
     <color name="chart_9_color_negative">#FFFF166A</color>
 
+    <style name="Chart9CartesianChartStyle">
+        <item name="bottomAxisStyle">@style/Chart9BottomAxisStyle</item>
+        <item name="layers">line</item>
+        <item name="lineLayerStyle">@style/Chart9LineLayerStyle</item>
+        <item name="previewMaxX">8</item>
+        <item name="previewMaxY">10</item>
+        <item name="previewMinY">-7</item>
+        <item name="showBottomAxis">true</item>
+        <item name="showStartAxis">true</item>
+        <item name="startAxisStyle">@style/Chart9StartAxisStyle</item>
+    </style>
+
     <style name="Chart9Line1Style">
         <item name="positiveColor">?colorPrimary</item>
         <item name="negativeColor">?colorSecondary</item>
diff --git a/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/ChartView.kt b/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/ChartView.kt
index 8517785ac..05ea3c243 100644
--- a/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/ChartView.kt
+++ b/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/ChartView.kt
@@ -198,7 +198,7 @@ constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
     have been initialized yet. Such calls can be ignored, as `Context.isLtr` will be read at
     `MutableMeasuringContext` instantiation. */
     @Suppress("UNNECESSARY_SAFE_CALL")
-    measuringContext?.isLtr = layoutDirection == View.LAYOUT_DIRECTION_LTR
+    measuringContext?.isLtr = layoutDirection == LAYOUT_DIRECTION_LTR
   }
 }
 
diff --git a/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/theme/ChartStyle.kt b/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/theme/ChartStyle.kt
index 33b8f9549..c9717f251 100644
--- a/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/theme/ChartStyle.kt
+++ b/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/theme/ChartStyle.kt
@@ -37,7 +37,7 @@ import com.patrykandpatrick.vico.views.common.defaultColors
 
 internal fun TypedArray.getColumnCartesianLayer(
   context: Context,
-  @StyleableRes resourceId: Int = R.styleable.CartesianChartView_columnLayerStyle,
+  @StyleableRes resourceId: Int = R.styleable.CartesianChartStyle_columnLayerStyle,
   @StyleableRes styleableResourceId: IntArray = R.styleable.ColumnCartesianLayerStyle,
 ): ColumnCartesianLayer =
   getNestedTypedArray(context, resourceId, styleableResourceId).run {
@@ -120,7 +120,7 @@ internal fun TypedArray.getColumnCartesianLayer(
 
 internal fun TypedArray.getLineCartesianLayer(
   context: Context,
-  @StyleableRes resourceId: Int = R.styleable.CartesianChartView_lineLayerStyle,
+  @StyleableRes resourceId: Int = R.styleable.CartesianChartStyle_lineLayerStyle,
   @StyleableRes styleableResourceId: IntArray = R.styleable.LineCartesianLayerStyle,
 ): LineCartesianLayer =
   getNestedTypedArray(context, resourceId, styleableResourceId).run {
@@ -170,7 +170,7 @@ internal fun TypedArray.getCandlestickCartesianLayer(context: Context): Candlest
   val bearishColor = context.defaultColors.bearishCandleColor.toInt()
   return getNestedTypedArray(
       context,
-      R.styleable.CartesianChartView_candlestickLayerStyle,
+      R.styleable.CartesianChartStyle_candlestickLayerStyle,
       R.styleable.CandlestickCartesianLayerStyle,
     )
     .use { typedArray ->
diff --git a/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/theme/ThemeHandler.kt b/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/theme/ThemeHandler.kt
index 3b08c5243..edefa10aa 100644
--- a/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/theme/ThemeHandler.kt
+++ b/vico/views/src/main/java/com/patrykandpatrick/vico/views/common/theme/ThemeHandler.kt
@@ -48,10 +48,13 @@ internal class ThemeHandler(private val context: Context, attrs: AttributeSet?)
     context.obtainStyledAttributes(attrs, R.styleable.CartesianChartView).use { typedArray ->
       scrollEnabled = typedArray.getBoolean(R.styleable.CartesianChartView_scrollEnabled, true)
       zoomEnabled = typedArray.getBoolean(R.styleable.CartesianChartView_zoomEnabled, true)
-
-      context.obtainStyledAttributes(attrs, R.styleable.CartesianChartView).use {
-        chart = getChart(it, typedArray)
-      }
+      typedArray
+        .getNestedTypedArray(
+          context,
+          R.styleable.CartesianChartView_cartesianChartStyle,
+          R.styleable.CartesianChartStyle,
+        )
+        .use { chart = getChart(it) }
     }
   }
 
@@ -60,26 +63,26 @@ internal class ThemeHandler(private val context: Context, attrs: AttributeSet?)
     var styleAttributeIndex: Int
     when (position) {
       Axis.Position.Vertical.Start -> {
-        visibilityAttributeIndex = R.styleable.CartesianChartView_showStartAxis
-        styleAttributeIndex = R.styleable.CartesianChartView_startAxisStyle
+        visibilityAttributeIndex = R.styleable.CartesianChartStyle_showStartAxis
+        styleAttributeIndex = R.styleable.CartesianChartStyle_startAxisStyle
       }
       Axis.Position.Horizontal.Top -> {
-        visibilityAttributeIndex = R.styleable.CartesianChartView_showTopAxis
-        styleAttributeIndex = R.styleable.CartesianChartView_topAxisStyle
+        visibilityAttributeIndex = R.styleable.CartesianChartStyle_showTopAxis
+        styleAttributeIndex = R.styleable.CartesianChartStyle_topAxisStyle
       }
       Axis.Position.Vertical.End -> {
-        visibilityAttributeIndex = R.styleable.CartesianChartView_showEndAxis
-        styleAttributeIndex = R.styleable.CartesianChartView_endAxisStyle
+        visibilityAttributeIndex = R.styleable.CartesianChartStyle_showEndAxis
+        styleAttributeIndex = R.styleable.CartesianChartStyle_endAxisStyle
       }
       Axis.Position.Horizontal.Bottom -> {
-        visibilityAttributeIndex = R.styleable.CartesianChartView_showBottomAxis
-        styleAttributeIndex = R.styleable.CartesianChartView_bottomAxisStyle
+        visibilityAttributeIndex = R.styleable.CartesianChartStyle_showBottomAxis
+        styleAttributeIndex = R.styleable.CartesianChartStyle_bottomAxisStyle
       }
       else -> throw IllegalArgumentException("Unexpected `Axis.Position` subclass.")
     }
     if (!getBoolean(visibilityAttributeIndex, false)) return null
     if (!hasValue(styleAttributeIndex)) {
-      styleAttributeIndex = R.styleable.CartesianChartView_axisStyle
+      styleAttributeIndex = R.styleable.CartesianChartStyle_axisStyle
     }
     return getNestedTypedArray(context, styleAttributeIndex, R.styleable.AxisStyle).use { axisStyle
       ->
@@ -192,26 +195,21 @@ internal class ThemeHandler(private val context: Context, attrs: AttributeSet?)
 
   private fun TypedArray.getLayerPadding(): CartesianLayerPadding =
     CartesianLayerPadding(
-      getRawDimension(context, R.styleable.CartesianChartView_scalableStartLayerPadding, 0f),
-      getRawDimension(context, R.styleable.CartesianChartView_scalableEndLayerPadding, 0f),
-      getRawDimension(context, R.styleable.CartesianChartView_unscalableStartLayerPadding, 0f),
-      getRawDimension(context, R.styleable.CartesianChartView_unscalableEndLayerPadding, 0f),
+      getRawDimension(context, R.styleable.CartesianChartStyle_scalableStartLayerPadding, 0f),
+      getRawDimension(context, R.styleable.CartesianChartStyle_scalableEndLayerPadding, 0f),
+      getRawDimension(context, R.styleable.CartesianChartStyle_unscalableStartLayerPadding, 0f),
+      getRawDimension(context, R.styleable.CartesianChartStyle_unscalableEndLayerPadding, 0f),
     )
 
-  private fun getChart(
-    cartesianChartViewTypedArray: TypedArray,
-    baseTypedArray: TypedArray,
-  ): CartesianChart {
-    val layerFlags = cartesianChartViewTypedArray.getInt(R.styleable.CartesianChartView_layers, 0)
+  private fun getChart(typedArray: TypedArray): CartesianChart {
+    val layerFlags = typedArray.getInt(R.styleable.CartesianChartStyle_layers, 0)
 
     val columnLayer =
-      if (layerFlags.hasFlag(COLUMN_LAYER)) baseTypedArray.getColumnCartesianLayer(context)
-      else null
+      if (layerFlags.hasFlag(COLUMN_LAYER)) typedArray.getColumnCartesianLayer(context) else null
     val lineLayer =
-      if (layerFlags.hasFlag(LINE_LAYER)) baseTypedArray.getLineCartesianLayer(context) else null
+      if (layerFlags.hasFlag(LINE_LAYER)) typedArray.getLineCartesianLayer(context) else null
     val candlestickLayer =
-      if (layerFlags.hasFlag(CANDLESTICK_LAYER))
-        baseTypedArray.getCandlestickCartesianLayer(context)
+      if (layerFlags.hasFlag(CANDLESTICK_LAYER)) typedArray.getCandlestickCartesianLayer(context)
       else null
 
     return CartesianChart(
@@ -222,31 +220,31 @@ internal class ThemeHandler(private val context: Context, attrs: AttributeSet?)
             if (candlestickLayer != null) add(candlestickLayer)
           }
           .toTypedArray(),
-      startAxis = baseTypedArray.getAxis(Axis.Position.Vertical.Start),
-      topAxis = baseTypedArray.getAxis(Axis.Position.Horizontal.Top),
-      endAxis = baseTypedArray.getAxis(Axis.Position.Vertical.End),
-      bottomAxis = baseTypedArray.getAxis(Axis.Position.Horizontal.Bottom),
-      fadingEdges = baseTypedArray.getFadingEdges(),
-      layerPadding = baseTypedArray.getLayerPadding(),
+      startAxis = typedArray.getAxis(Axis.Position.Vertical.Start),
+      topAxis = typedArray.getAxis(Axis.Position.Horizontal.Top),
+      endAxis = typedArray.getAxis(Axis.Position.Vertical.End),
+      bottomAxis = typedArray.getAxis(Axis.Position.Horizontal.Bottom),
+      fadingEdges = typedArray.getFadingEdges(),
+      layerPadding = typedArray.getLayerPadding(),
     )
   }
 
   private fun TypedArray.getFadingEdges(): FadingEdges? {
-    val edgesLength = getRawDimension(context, R.styleable.CartesianChartView_fadingEdgeWidth, 0f)
+    val edgesLength = getRawDimension(context, R.styleable.CartesianChartStyle_fadingEdgeWidth, 0f)
     val startLength =
-      getRawDimension(context, R.styleable.CartesianChartView_startFadingEdgeWidth, edgesLength)
+      getRawDimension(context, R.styleable.CartesianChartStyle_startFadingEdgeWidth, edgesLength)
     val endLength =
-      getRawDimension(context, R.styleable.CartesianChartView_endFadingEdgeWidth, edgesLength)
+      getRawDimension(context, R.styleable.CartesianChartStyle_endFadingEdgeWidth, edgesLength)
     val threshold =
       getRawDimension(
         context,
-        R.styleable.CartesianChartView_fadingEdgeVisibilityThreshold,
+        R.styleable.CartesianChartStyle_fadingEdgeVisibilityThreshold,
         FADING_EDGE_VISIBILITY_THRESHOLD_DP,
       )
 
     return if (startLength > 0f || endLength > 0f) {
       val interpolatorClassName =
-        getString(R.styleable.CartesianChartView_fadingEdgeVisibilityInterpolator)
+        getString(R.styleable.CartesianChartStyle_fadingEdgeVisibilityInterpolator)
 
       val interpolator =
         if (interpolatorClassName != null) {
diff --git a/vico/views/src/main/res/values/attrs.xml b/vico/views/src/main/res/values/attrs.xml
index 633a01531..f23c6e66b 100644
--- a/vico/views/src/main/res/values/attrs.xml
+++ b/vico/views/src/main/res/values/attrs.xml
@@ -92,6 +92,18 @@
     </declare-styleable>
 
     <declare-styleable name="CartesianChartView">
+        <attr name="cartesianChartStyle" format="reference" />
+        <attr name="previewColumnSeriesCount" format="integer" />
+        <attr name="previewLineSeriesCount" format="integer" />
+        <attr name="previewMaxX" format="integer" />
+        <attr name="previewMaxY" format="integer" />
+        <attr name="previewMinX" format="integer" />
+        <attr name="previewMinY" format="integer" />
+        <attr name="scrollEnabled" format="boolean" />
+        <attr name="zoomEnabled" format="boolean" />
+    </declare-styleable>
+
+    <declare-styleable name="CartesianChartStyle">
         <attr name="axisStyle" format="reference" />
         <attr name="bottomAxisStyle" format="reference" />
         <attr name="candlestickLayerStyle" format="reference" />
@@ -107,15 +119,8 @@
             <flag name="candlestick" value="4" />
         </attr>
         <attr name="lineLayerStyle" format="reference" />
-        <attr name="previewColumnSeriesCount" format="integer" />
-        <attr name="previewLineSeriesCount" format="integer" />
-        <attr name="previewMaxX" format="integer" />
-        <attr name="previewMaxY" format="integer" />
-        <attr name="previewMinX" format="integer" />
-        <attr name="previewMinY" format="integer" />
         <attr name="scalableEndLayerPadding" format="dimension" />
         <attr name="scalableStartLayerPadding" format="dimension" />
-        <attr name="scrollEnabled" format="boolean" />
         <attr name="showBottomAxis" format="boolean" />
         <attr name="showEndAxis" format="boolean" />
         <attr name="showStartAxis" format="boolean" />
@@ -125,7 +130,6 @@
         <attr name="topAxisStyle" format="reference" />
         <attr name="unscalableEndLayerPadding" format="dimension" />
         <attr name="unscalableStartLayerPadding" format="dimension" />
-        <attr name="zoomEnabled" format="boolean" />
     </declare-styleable>
 
     <declare-styleable name="ColumnCartesianLayerStyle">