开发小程序,需求是点击柱状图中的某一条,要弹出一个模态框,然后里面是点击的这条数据里面的数据,web端很好写,但是,小程序中,会有些问题,以柱状图和饼图为例。
1,弹出框获取不到data里面的数据
界面部分
<!-- 图形部分 -->
<view class="chart zoneChart" hidden="{
{firstShow}}">
<!-- <view class="provideTitle">资金量/亿</view> -->
<ec-canvas id="zone" canvas-id="zone" ec="{
{ ec }}" class="ec-canvas"></ec-canvas>
</view>
</view>
<!-- 弹框 -->
<modal class="content contentModal" hidden="{
{hiddenmodal}}" title="" confirm-text=" " cancel-text="重置" bindcancel="cancel" bindconfirm="confirm" no-cancel='true' no-confirm= 'true'>
<view class="chart modalChart">
<!-- <view class="provideTitle">资金量/亿</view> -->
<ec-canvas id="modalChart" canvas-id="modalChart" ec="{
{ ec }}" class="ec-canvas"></ec-canvas>
</view>
</modal>
函数
因为小程序里面的变量,都是在data里面定义的,而我点击柱状图的时候,参数需要用到data里面的数据。所以函数就不能写到全局了,