title: How to define a custom tooltip in Apex chart in React?
body: <p>I am defining four lines chart with Apex Chart.
  My data series:</p>
  <pre><code>series: [
              {
                name: &quot;first&quot;,
                data: [28, 29, 33, 36, 32, 32, 33]
              },
              {
                name: &quot;second&quot;,
                data: [12, 11, 14, 18, 17, 13, 13]
              },
              {
                  name: &quot;third&quot;,
                  data: [48, 29, 33, 16, 32, 62, 3]
                },
                {
                  name: &quot;forth&quot;,
                  data: [22, 11, 54, 18, 27, 53, 13]
                }
          ],
  </code></pre>
  <p>I want my tooltip output to be like:</p>
  <pre><code>first-label : {series.dataOfFirstLabel}
  
  second-label : {series.dataOfSecondLabel}
  
  third-label : {series.dataOfThirdLabel}
  
  forth-label : {series.dataOfForthLabel}
  </code></pre>
  <p>How can I define my custom tooltip?
  Thanks.</p>