Question

我有类似

的对象

带有选项的漏斗图

var positon={
options:{
sort:"desc";
}
}

在这种情况下，我的图表处于反向位置。但是我需要的是，当我单击按钮排序时，必须将其更改为“ asc”，并且图表必须处于笔直位置

我尝试了以下

 $(document).ready(function(){
    $("button").click(function(){
      console.log("working");
         if (config.options.sort == 'asc') {
       config.options.sort= 'asc';

    } else {
         config.options.sort = 'desc';
        console.log("calling here 2" + config.options.sort);
    }
    });
});

Answer 1

尝试一下。

var positon ={
        options: {
         sort:"desc"
       }
   }

onSortClick() {
  positon.options.sort = positon.options.sort === "desc" ? "asc": "desc"
  return positon.options.sort;
};

在您的pl弹枪中进行这些更改。

添加按钮。

  <button id="sort-btn">Sort</button>

添加事件列表器

  document.getElementById("sort-btn").addEventListener("click", function() {
      config.options.sort = config.options.sort === "desc" ? "asc" : "desc";
      var ctx = document.getElementById("chart-area").getContext("2d");
      window.myDoughnut = new Chart(ctx, config);
      console.log(config.options.sort);
    });

Answer 2

非常简单，您只需创建一个事件监听器即可。

<input type="button" id="myCheck" onclick="reverse()">

<script>
function reverse() {
    config.options.sort = "asc";        
}
</script>

如何通过单击更改对象属性

2 个答案: