Utilizing DevExtreme widgets for the creation of a line chart in jQuery as shown below:
var dataSource = [{"Date Range": "August-2018",
Benelux: 194,
Czech_Slovakia: 128,
// more data...
UKI: 249}];
var chart = $("#chart").dxChart({
palette: "Soft Blue",
// more configurations...
}).dxChart("instance");
<link href="https://cdn3.devexpress.com/jslib/18.1.7/css/dx.common.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdn3.devexpress.com/jslib/18.2.3/js/dx.all.js"></script>
<div id="chart"></div>
Everything is functioning correctly, but I aim to enhance the readability of the Y axis by enlarging the chart size.
I attempted to adjust the height using $("#chart").height("1800px"); in jQuery and CSS, however, it didn't override the default values.
I suspect utilizing the tick option to modify the Y-axis scale could be the solution, such as changing from 0,200,400... to 0,50,100..., but implementing this change has not been successful so far.
Your assistance on this matter is greatly appreciated. Thank you!