Default Theme for Syncfusion - Cartesian

Built-in default theme provided by Syncfusion, with point, line and area chart types.

by cristiscu

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.syncfusion.com/15.3.0.33/js/common/ej.core.js" type="text/javascript"></script>
<script src="https://cdn.syncfusion.com/15.3.0.33/js/common/ej.data.js" type="text/javascript"></script>
<script src="https://cdn.syncfusion.com/15.3.0.33/js/common/ej.globalize.js" type="text/javascript"></script>
<script src="https://cdn.syncfusion.com/15.3.0.33/js/datavisualization/ej.chart.js" type="text/javascript"></script>

<div class="chart_cont">
    <div id="chart_div"></div>
</div>

JavaScript

$(function () {
   $("#chart_div").ejChart({
      size: {
      	width: "300", 
      	height: "185" // increase this and it's ok
      },
      legend: {
         //visible: false,	// comment this out --> it runs out of memory!
      },
      title: {
         text: "US and France Sales",
         subTitle: { text: "Chart with Syncfusion EJS App" },
      },
      primaryXAxis: { title: { text: "year" } },
      primaryYAxis: { title: { text: "quantity" } },
      commonSeriesOptions: { type: "scatter" },
      series: [{
          name: "US",
          points: [
            { x: 2000, y: 22 },
            { x: 2001, y: 55 },
            { x: 2002, y: 33 },
          ]
       }, {
          name: "France",
          points: [
            { x: 2000, y: 11 },
            { x: 2001, y: 77 },
            { x: 2002, y: 21 },
          ]
       }]
   });
});