Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

百度Echarts饼图新增点击事件

myChart.on('click', function (params) {
  //点击之前先判断当前属性
  if (params.componentType === 'series') {
    // 获取当前点击的饼图的ID和名称
    var id = params.dataIndex;
    var name = myBarChart.getModel().getSeries()[0].getNameMap()[id];
    // 获取当前点击的饼图数值
    var value = myBarChart.getModel().getSeries()[0].getData()[id].value;
    // 弹出提示框显示当前点击的饼图信息
    console.log("单击了" + name + "饼图,数值为:" + value);
  }
});
点击展开全文

相关文章

  1. 百度Echarts饼图标签formatter使用及自定义标签
  2. 百度Echarts中实现饼图之间添加空隙
  3. 百度Echarts去除饼图默认文字描边效果
  4. 百度Echarts去除饼图的白色阴影
  5. 百度echarts饼图实现双标题

热门workflows工作流