title: How to display points in Devextreme Charts?
body: <p>I am using Devextreme Charts line chart component for my react project.
  I created a component that includes this line chart, and I display it 4 times. I have to display points on the chart but it display the points on just one of them and I do not know why?
  How can I solve it?</p>
  <p><strong>DuPont.js</strong></p>
  <pre><code>&lt;Row&gt;
      &lt;DuPontLineCharts
          title=&quot;Öz Kaynak Getirisi&quot;
          firminfo={firminfo}
          /&gt;
          &lt;DuPontLineCharts title=&quot;Net Kar Marjı&quot; firminfo={firminfo} /&gt;
          &lt;DuPontLineCharts
              title=&quot;Aktif Devir Hızı&quot;
              firminfo={firminfo}
              /&gt;
          &lt;DuPontLineCharts
              title=&quot;Varlığın Özkaynağa Oranı&quot;
              firminfo={firminfo}
              /&gt;
  &lt;/Row&gt;
  </code></pre>
  <p><strong>DuPontLineCharts.js</strong></p>
  <pre><code>export default function DuPontLineCharts({ firminfo, title }) {
  ...
  &lt;Chart palette={color} dataSource={final}&gt;
          &lt;CommonSeriesSettings argumentField=&quot;label&quot; type=&quot;line&quot; /&gt;
  
          {label.map(function (item) {
            return (
              &lt;Series key={item.value} valueField={item.value} name={item.name}&gt;
                &lt;Point symbol=&quot;polygon&quot; visible={true} /&gt;
              &lt;/Series&gt;
            );
          })}
          &lt;Size height={120} /&gt;
          &lt;Legend visible={false} /&gt;
          &lt;Tooltip enabled={true} /&gt;
        &lt;/Chart&gt;
  </code></pre>
  <p>And to be clear;
  <a href="https://i.stack.imgur.com/hO9Nf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hO9Nf.png" alt="example" /></a></p>