I'm facing an issue with a brushed chart containing two datasets with significantly different values. While I've managed to successfully change the maximum value of the y-axis for both datasets in the brush chart line, the same does not apply to the main chart. As of now, the y-axis on the left corresponding to the price graph does not have a maximum value of 1 as expected from my code. However, it does work on the brush chart line.
I'm struggling to find a solution to this problem.
Take a look at an example of the issue in the snippet below.
const pricedata = [{
"x": 1697842800000,
"y": 0.834
},
{
"x": 1697929200000,
"y": 0.835
},
... (the rest of the JSON data continues)
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #1c1c1c;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8>;
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<title>Document</title>
</head>
<body>
<div id="chart"></div>
<div id="chartline"></div>
</body>
</html>