How echarts modifies specific column colors through click events of other dom

take the official tutorial as an example, assume that there are six buttons outside the canvas, corresponding to each item in the xAxis.data.
Click a button to make the opposite column green.
how can I implement it?
do I need to myChart.setOption (option) again every time I change color?

  var myChart = echarts.init(document.getElementById("main"));
        var option = {
            title: {
                text: "ECharts "
            },
            tooltip: {},
            legend: {
                data:[""]
            },
            xAxis: {
                data: ["","","","","",""]
            },
            yAxis: {},
            series: [{
                name: "",
                type: "bar",
                data: [5, 20, 36, 10, 10, 20]
            }]
        };
        myChart.setOption(option);
Mar.06,2021

Yes, it is called every time, and there is no separately set method.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e99ef3-4756f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e99ef3-4756f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?