-
+
+
+
+
+
+
+
+
+ )}
+
+ {showPointsOption && (
+
)}
diff --git a/packages/components/src/internal/components/chart/constants.ts b/packages/components/src/internal/components/chart/constants.ts
index eeb55ea396..dc4718fce7 100644
--- a/packages/components/src/internal/components/chart/constants.ts
+++ b/packages/components/src/internal/components/chart/constants.ts
@@ -35,6 +35,12 @@ export const SHAPE_OPTIONS = [
{ label: 'Cross', value: 'x' },
];
+export const LINE_TYPE_OPTIONS = [
+ { label: 'Solid', value: '' },
+ { label: 'Dashed', value: 'dashed' },
+ { label: 'Dotted', value: 'dotted' },
+];
+
export const COLOR_OPTIONS_PER_TYPE = {
boxFillColor: ['bar_chart', 'box_plot'],
colorPaletteScale: ['bar_chart', 'box_plot', 'line_plot', 'scatter_plot', 'pie_chart'],
diff --git a/packages/components/src/internal/components/chart/models.ts b/packages/components/src/internal/components/chart/models.ts
index a315673b75..ce5d00a1d4 100644
--- a/packages/components/src/internal/components/chart/models.ts
+++ b/packages/components/src/internal/components/chart/models.ts
@@ -9,8 +9,8 @@ export interface ChartLabels {
export interface MeasureOption {
color?: string;
+ lineType?: string;
shape?: string;
- // lineType?: string;
}
export interface ChartConfig {
diff --git a/packages/components/src/theme/charts.scss b/packages/components/src/theme/charts.scss
index 41375a5898..ea070e47da 100644
--- a/packages/components/src/theme/charts.scss
+++ b/packages/components/src/theme/charts.scss
@@ -219,21 +219,31 @@
overflow-y: auto;
}
+.chart-color-inputs {
+ display: flex;
+}
+.chart-color-input {
+ flex: 1;
+}
+.chart-color-input label {
+ display: block;
+}
+
.chart-builder-modal__chart-preview h4,
.chart-settings h4 {
margin: 0 0 8px;
}
-.chart-settings__legend-pos-values {
+.chart-settings__radio-group-values {
display: flex;
gap: 8px;
}
-.chart-settings__legend-pos-values .radio-input-wrapper input {
+.chart-settings__radio-group-values .radio-input-wrapper input {
margin-right: 4px;
}
-.chart-settings__legend-pos-values .radioinput-label {
+.chart-settings__radio-group-values .radioinput-label {
cursor: pointer;
}