1. Feedback
  2. Vue
  3. 23492

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

DisplayOption - when assigned dynamically does not reflect changes

Hey I am trying to use the pivotView.displayOption property in the following manner:

{view:"Both", primary: "Table"}

For the primary property we want to switch between Table/Chart based on some configuration and we assign the displayOption property dynamically using a similar code:

var pivotViewObj = document.getElementById("pivotview").ej2_instances[0];
this.displayOption.view = "Both";
this.displayOption.primary = "Chart";
pivotViewObj.displayOption = this.displayOption;
pivotViewObj.refresh();

Based on the documentation, this should make the report to render in chart mode during initial load with the ability to switch between both chart and table, but it loads as a table by default.


I have a working example here to explain myself: 

https://codesandbox.io/s/vue-template-forked-dmhhu?file=/src/components/HelloWorld.vue


Please let me know if there's a way to accomplish this, basically  we want to render chart/table based on some config and if there's a way to do it dynamically.


Thanks