ontouch:是否监听@touchstart@touchmove@touchend事件;
onzoom:是否开启图表双指缩放功能,仅针对直角坐标系图表,并且开启了ontouch及opts.enableScroll滚动条才可用;
enableScroll:开启滚动条,X轴配置里需要配置itemCount单屏幕数据点数量;
canvas2d:canvas2d模式,用于解决小程序层级过高及拖拽卡顿问题;
canvasId:开启canvas2d模式,必须指定canvasId,否则会出现偶尔获取不到dom节点的问题;
<template>
<view>
<qiun-data-charts type="line" :opts="opts"
:chartData="chartData"
:ontouch="true"
canvas2d
canvasId="canvasId"
:disableScroll="true"
:onzoom="true"/>
</view>
</template>
<script>
export default {
data() {
return {
//图表数据
chartData: {categories:[],series:[]},
opts: {
padding: [15,10,0,15],
enableScroll: true,
legend: {},
xAxis: {
disableGrid: true,
scrollShow: true,
itemCount: 6
},
yAxis: {
gridType: "dash",
dashLength: 2
},
extra: {
line: {
type: "straight",
width: 2,
activeType: "hollow"
}
}
},
};
},
}
</script>