Improvement - VueUiXy - Use improved smooth path generation algorithm to avoid dips

Author: graphieros

src/components/vue-ui-xy.vue

@@ -460,13 +460,13 @@
                     >
                         <Shape
                             :data-cy="`xy-plot-${i}-${j}`"
-                            v-if="canShowValue(plot.value)"
+                            v-if="plot && canShowValue(plot.value)"
                             :shape="['triangle', 'square', 'diamond', 'pentagon', 'hexagon', 'star'].includes(serie.shape) ? serie.shape : 'circle'"
-                            :color="FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${i}_${uniqueId})` : serie.color"
+                            :color="FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${i}_${uniqueId})` : FINAL_CONFIG.plot.dot.useSerieColor ? serie.color : FINAL_CONFIG.plot.dot.fill"
                             :plot="{ x: checkNaN(plot.x), y: checkNaN(plot.y) }"
                             :radius="((selectedSerieIndex !== null && selectedSerieIndex === j) || (selectedMinimapIndex !== null && selectedMinimapIndex === j)) ? (plotRadii.plot || 6) * 1.5 : plotRadii.plot || 6"
-                            :stroke="FINAL_CONFIG.chart.backgroundColor"
-                            :strokeWidth="0.5"
+                            :stroke="FINAL_CONFIG.plot.dot.useSerieColor ? FINAL_CONFIG.chart.backgroundColor : serie.color"
+                            :strokeWidth="FINAL_CONFIG.plot.dot.strokeWidth"
                         />
 
                         <template v-if="plot.comment && FINAL_CONFIG.chart.comments.show">
@@ -589,11 +589,11 @@
                             :data-cy="`xy-plot-${i}-${j}`"
                             v-if="plot && canShowValue(plot.value)"
                             :shape="['triangle', 'square', 'diamond', 'pentagon', 'hexagon', 'star'].includes(serie.shape) ? serie.shape : 'circle'"
-                            :color="FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${i}_${uniqueId})` : serie.color"
+                            :color="FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${i}_${uniqueId})` : FINAL_CONFIG.line.dot.useSerieColor ? serie.color : FINAL_CONFIG.line.dot.fill"
                             :plot="{ x: checkNaN(plot.x), y: checkNaN(plot.y) }"
                             :radius="((selectedSerieIndex !== null && selectedSerieIndex === j) || (selectedMinimapIndex !== null && selectedMinimapIndex === j)) ? (plotRadii.line || 6) * 1.5 : plotRadii.line || 6"
-                            :stroke="FINAL_CONFIG.chart.backgroundColor"
-                            :strokeWidth="0.5"
+                            :stroke="FINAL_CONFIG.line.dot.useSerieColor ? FINAL_CONFIG.chart.backgroundColor : serie.color"
+                            :strokeWidth="FINAL_CONFIG.line.dot.strokeWidth"
                         />
 
                         <template v-if="plot.comment && FINAL_CONFIG.chart.comments.show">
@@ -1748,6 +1748,13 @@ export default {
                             value: datapoint.absoluteValues[j],
                             comment: datapoint.comments ? datapoint.comments.slice(this.slicer.start, this.slicer.end)[j] || '' : ''
                         }
+                    } else {
+                        return {
+                            x: this.checkNaN((this.drawingArea.left + (this.slot.line/2)) + (this.slot.line * j)),
+                            y: zeroPosition,
+                            value: datapoint.absoluteValues[j],
+                            comment: datapoint.comments ? datapoint.comments.slice(this.slicer.start, this.slicer.end)[j] || '' : ''
+                        }
                     }
                 })
                 const curve = this.createSmoothPath(plots);