eacharts renderItem 创建一个柱形图 并给 绘制的矩形 加点击事件
时间: 2024-03-20 08:42:41 浏览: 79
echarts自定义树状图,且每个系列柱子数不一
好的,关于您的问题,我可以给出如下代码示例:
```javascript
eacharts.init(document.getElementById('chart'));
// 假设数据如下
const data = [
{ name: 'A', value: 100 },
{ name: 'B', value: 200 },
{ name: 'C', value: 300 },
];
// 渲染柱形图,并给绘制的矩形加点击事件
eacharts.renderItem({
type: 'bar',
data: data,
onClick: function(params) {
console.log('您点击了:', params.name, params.value);
},
});
```
其中,`type` 参数指定图表类型为柱形图,`data` 参数指定要绘制的数据。`onClick` 参数为点击事件回调函数,当用户点击柱形图中的某个矩形时,该函数会被执行,传入参数 `params` 包含点击的矩形的名称和值。在该示例中,点击事件会将矩形的名称和值输出到控制台。
希望这个示例能够帮到您,如有疑问,欢迎继续提问。
阅读全文