Jitter is data transformation that can be done before the plot.
Consider adding Math.random() * jitterWidth to data values. See also this.

Jitter is data transformation that can be done before the plot. Consider adding Math.random() * jitterWidth to data values. See also this.

i cant do that when i use a categorical variable in one of axes like this example:

option = {
  xAxis: { type: 'category' },
  yAxis: {},
  series: {
    data: [
      ['a', 8.04],
      ['a', 6.95],
      ['b', 7.58],
      ['b', 8.21],
      ['c', 8.33],
      ['c', 9.12]
    ],
    type: 'scatter'
  }
};

or using singleAxis like:

option = {
  singleAxis: {},
  series: {
    data: [[8.04], [6.95], [7.58], [8.21], [8.33], [9.12]],
    type: 'scatter',
    coordinateSystem: 'singleAxis'
  }
};

Workaround with two X-axes - Demo Code

thank you @helgasoft .

if anyone have more ideas ill be grateful,

maybe we could add a more universal way to do this? like

series: [{
  data: [], itemStyle: {
    x: (o)=>(Math.random()-0.5)*10, y: 7
  }
}]

the added itemStyle.x and itemStyle.y can either be a value or a callback of a value, defaults to 0
the values are used to adjust the relative position of the scattered symbol

this way no hidden redundant axis is needed, nor a redundant dataset and/or a encoding