如何通过props将参数写入Vue.js中的ApexChart?

fcwjkofz  于 2023-03-19  发布在  Vue.js
关注(0)|答案(1)|浏览(118)

是否有任何选项,如何设置ApexChart参数动态通过属性或其他任何东西?我想为ApexCharts做一个 Package 器。第一个参数应该是图表类型,我寻找一种方法,如何在Vue.js中创建一个新组件期间设置此参数

<apexchart type="{{type}}"
               height="{{height}}"
               ref="centerProjectTreemap"
               :options="chartOptions"
               :series="series"
    ></apexchart>
  </div>
</template>

<script>
export default {
  name: "param-chart",
  props: {
    type: String,
    height: Number
  }
//.......
</script>

<param-chart type="bar" height="350"/> //this is in the main
o8x7eapl

o8x7eapl1#

prop 的绑定和其他属性的绑定是一样的,你可以像

<apexchart :type="type"
           :height="height"
           ref="centerProjectTreemap"
           :options="chartOptions"
           :series="series"
 ></apexchart>

相关问题