Multi tool use

how to change object properties by on-click

I am having object like

funnel chart with options

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


in that case my chart in reverse position .
But what i need is when i click the button sort must change to "asc" and my chart must be in straight position

i tried the following

$(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);
}
});
});


2 Answers
2

Try this.

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

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


In your plunker do these changes.

Add a button.

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


Add an event listner

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);
});


It's very simple you just have to create an event listener.

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


function reverse() {
config.options.sort = "asc";
}



https://stackoverflow.com/questions/38643994/dynamically-update-the-options-of-a-chart-in-chartjs-using-javascript

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.