title: How display tooltip for each point of a line chart using Echarts (JS)
body: <p>I have a question about the Echarts library <a href="https://ecomfe.github.io/echarts-doc/public/en/index.html" rel="nofollow noreferrer">https://ecomfe.github.io/echarts-doc/public/en/index.html</a>.</p>
  
  <p>I'm using Echarts to draw a line chart from a series of points (x,y) and I want to display the coordinates (x,y) of each point in the drawn line chart when the user hovers over the mouse on the point as tooltip the problem that I found is that I can display only for the points given in entered and not for the totality of line that is to say I cannot display the coordinates of a point between two successive points given in input.</p>
  
  <p>how can I display the tooltip for each point of the graph as tooltip?</p>
  
  <p>I have used this JSON object as an option object to pass it as a parameter to the setOption method.</p>
  
  <pre><code>       {
          tooltip: {
              type: 'item'
          },
          grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true,
              show: true,
              backgroundColor: "#fff",
  
          },
          toolbox: {
              feature: {
                  dataZoom: {
                      title: {
                          zoom: "zoom by rectangle",
                          back: "undo zooming"
                      }
                  }
              }
          },
          xAxis: {
              type: 'value',
          },
          yAxis: {
              type: 'value',
              triggerEvent: true
          },
          dataZoom: [{
                  type: 'inside',
                  xAxisIndex: [0],
                  moveOnMouseMove: true,
              },
              {
                  type: 'inside',
                  yAxisIndex: [0],
                  moveOnMouseMove: true,
              }
          ],
          series: [{
              name: "line1",
              data: [
                  [1.5, 10],
                  [5, 7],
                  [8, 8],
                  [12, 6],
                  [11, 12],
                  [16, 9],
                  [14, 6],
                  [17, 4],
                  [19, 9]
              ],
              type: 'line',
          }]
      };
  </code></pre>