ECharts 是一个基于 Javascript 的可视化图表库,它提供了许多事件用于用户与图表的交互
▥前端
𝄐 0
echarts echarts-gl的3d饼图设置饼图大小,echarts echarts-gl的3d饼图的曲面角度,echarts echarts
ECharts 是一个基于 Javascript 的可视化图表库,它提供了许多事件用于用户与图表的交互。其中包括重置事件(restore),该事件会在用户点击 ECharts 工具栏中的“重置”按钮时触发,用于将图表恢复到初始状态。
例如,以下代码创建了一个柱状图,并为其绑定了一个重置事件:
// 初始化 echarts 实例
var myChart = echarts.init(document.getElementById('myChart'));
// 指定图表的配置项和数据
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);
// 绑定重置事件
myChart.on('restore', function () {
myChart.setOption(option);
});
在上述代码中,当用户点击“重置”按钮时,myChart.on('restore', function() {...}) 中的回调函数会被触发,将图表恢复到初始状态。
ECharts 是一个基于 Javascript 的可视化图表库,它提供了许多事件用于用户与图表的交互。其中包括重置事件(restore),该事件会在用户点击 ECharts 工具栏中的“重置”按钮时触发,用于将图表恢复到初始状态。
例如,以下代码创建了一个柱状图,并为其绑定了一个重置事件:
// 初始化 echarts 实例
var myChart = echarts.init(document.getElementById('myChart'));
// 指定图表的配置项和数据
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);
// 绑定重置事件
myChart.on('restore', function () {
myChart.setOption(option);
});
在上述代码中,当用户点击“重置”按钮时,myChart.on('restore', function() {...}) 中的回调函数会被触发,将图表恢复到初始状态。
本文地址:
/show-277803.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。