JSFiddle - React, Tailwind, and code Playground

by ovillani

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
</head>
<body>
  <h1>
    ECharts test
  </h1>
  <div id="main" style="width: 100%; height:400px;"></div>
    <script type="text/javascript">
        // based on prepared DOM, initialize echarts instance
        var myChart = echarts.init(document.getElementById('main'));

        // specify chart configuration item and data
        var option = {
        		dataset: {
              sourceHeader: true,
            	source: [
                ["WKN", 'Val A', 'Val B', 'Val C'],
                ["W01",    12.1,    21.2,    31.3],
                ["W02",    18.1,    23.2,     6.3],
                ["W03",    22.1,    31.2,    41.3],
                ["W04",    10.1,    19.2,    25.3],
                ["W05",    54.1,    43.2,    51.3],
                ["W06",    37.1,    22.2,    33.3],
                ["W07",    26.1,    29.2,    31.3],
                ["W08",    33.1,    44.2,    49.3],
                ["W09",    14.1,    24.2,    48.3],
                ["W10",    19.1,    30.2,    40.3],
                ["W11",    24.1,    26.2,    48.3],
                ["W12",    31.1,    40.2,    50.3],
                ["W13",    69.1,    70.2,    80.3],
                ["W14",    10.1,    12.2,    18.3],
                ["W15",    19.2,    20.2,    30.3],
                ["W16",    16.1,    31.2,    32.3],
                ["W17",    44.1,    48.2,    50.3],
                ["W18",    45.1,    69.2,    70.3],
                ["W19",    17.1,    72.2,    75.3],
                ["W20",    20.1,    40.2,    60.3],
                ["W21",    24.1,    26.2,    48.3],
                ["W22",    31.1,    40.2,    50.3],
                ["W23",    69.1,    70.2,    80.3],
                ["W24",    10.1,    12.2,    18.3],
                ["W25",    19.2,    20.2,    30.3],
                ["W26",    16.1,    31.2,    32.3],
               ...