echarts draggable: 'vertical'
时间: 2024-01-09 12:03:44 浏览: 19
在 ECharts 中,draggable 属性用于指定图表元素是否可拖拽。其中,draggable 可以设置为三个值之一:true、false 或 'vertical'。
如果将 draggable 设置为 true,表示图表元素可以在水平和垂直方向上进行拖拽。
如果将 draggable 设置为 false,表示图表元素不可拖拽。
如果将 draggable 设置为 'vertical',表示图表元素只能在垂直方向上进行拖拽,即只能沿着 y 轴方向进行移动。
通过设置 draggable 属性,可以控制图表元素在 ECharts 中的拖拽行为。
相关问题
focusNodeAdjacency: true, draggable: true, roam: true,
这是关于echarts中图表的设置。
- `focusNodeAdjacency: true` 用于在关系图中,当鼠标悬停在一个节点上时,是否自动聚焦它的邻接节点。如果设置为 `false`,则不会聚焦邻接节点。
- `draggable: true` 用于设置节点是否可以拖拽移动。
- `roam: true` 用于设置是否开启鼠标缩放和平移漫游。如果设置为 `false`,则不能通过鼠标缩放和平移漫游来浏览图表。
Layer.dialog({ // title: t("wms.formItem.purchaseApply.purchaseApply"), top: "8vh", width: "1280px", closeOnClickModal: false, closeOnPressEscape: false, draggable: false, component: addNewpurchaseApply, props: { id: num === 1 ? "" : linRow.value.id, type: type, onSave: () => { layer.close(); onQueryTableData(); } } })添加一项不显示右上角关闭图标
可以通过设置 `showClose: false` 来隐藏右上角的关闭图标,修改后的代码如下:
```javascript
Layer.dialog({
// title: t("wms.formItem.purchaseApply.purchaseApply"),
top: "8vh",
width: "1280px",
closeOnClickModal: false,
closeOnPressEscape: false,
draggable: false,
showClose: false, // 隐藏右上角关闭图标
component: addNewpurchaseApply,
props: {
id: num === 1 ? "" : linRow.value.id,
type: type,
onSave: () => {
layer.close();
onQueryTableData();
}
}
});
```