JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>
<div id="graph" class="graph"></div>
<button id="s1-btn">Show/Hide Series 1</button>
<button id="s2-btn">Show/Hide Series 2</button>

CSS

.graph {
  width: 100%;
  height: 300px;
}

JavaScript

var data = [
    {
        label:"Series 1",
        data:[[0,1],[1,2],[2,3],[3,2],[4,1]],
        lines: {
        	show: true
        },
        yaxis: 1
    },
    {
        label:"Series 2",
        data:[[0,1],[1,5],[2,4],[3,6],[4,1]],
        lines: {
        	show: true
        },
        yaxis: 1
    }
];

var options = {
    series: {
        lines: {
            show: true
        }
    },
    y2axis: {
    	show: false
    }
};

$.plot("#graph", data, options);

$("#s1-btn").click(function() {
	data[0].lines.show = !data[0].lines.show;
  if (data[0].lines.show) {
  	data[0].yaxis = 1;
  } else {
  	data[0].yaxis = 2;
  }
  $.plot("#graph", data, options);
});

$("#s2-btn").click(function() {
	data[1].lines.show = !data[1].lines.show;
  if (data[1].lines.show) {
  	data[1].yaxis = 1;
  } else {
  	data[1].yaxis = 2;
  }
  $.plot("#graph", data, options);
});