Mr_zrh
2021-09-10 12:30
采纳率: 50%
浏览 38
已结题

Echarts 横向柱状图点击跳详情

柱状图显示的时候人员名字和人员数据，不展示工号，点击跳到详情要把人员工号传过去。有大佬指导下么

  • 赞 踩
  • 收藏

3条回答 默认 最新

  • 天涯生聚 2021-09-10 14:09
    已采纳

    this.myChart.on('click', e => {
    console.log(e.data);//所点击的数据
    })；//myChart是你建的e-charts实例

    已采纳该答案
    赞 踩 打赏 评论
  • wo.austin 2021-09-10 12:50

    这是参考代码，你也可以直接去官网看文档。

        tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
        formatter: function (params) {
            var tar;
            if (params[1].value !== '-') {
                tar = params[1];
            }
            else {
                tar = params[0];
            }
            return tar.name + '<br/>' + tar.seriesName + ' : ' + tar.value;
        }
    },

    Examples - Apache ECharts ECharts, a powerful, interactive charting and visualization library for browser https://echarts.apache.org/examples/zh/editor.html?c=bar-waterfall2

    1 踩 打赏 评论
  • jacklin_001 2021-09-10 16:49
    myChart.on('click', function(params) {
  //console.log(params);//查看params参数取出你想要的
  window.open('https://www.baidu.com/s?wd=' + encodeURIComponent(params.name));
});

    params参数说明

    type EventParams = {
  // 当前点击的图形元素所属的组件名称，
  // 其值如 'series'、'markLine'、'markPoint'、'timeLine' 等。
  componentType: string;
  // 系列类型。值可能为：'line'、'bar'、'pie' 等。当 componentType 为 'series' 时有意义。
  seriesType: string;
  // 系列在传入的 option.series 中的 index。当 componentType 为 'series' 时有意义。
  seriesIndex: number;
  // 系列名称。当 componentType 为 'series' 时有意义。
  seriesName: string;
  // 数据名，类目名
  name: string;
  // 数据在传入的 data 数组中的 index
  dataIndex: number;
  // 传入的原始数据项
  data: Object;
  // sankey、graph 等图表同时含有 nodeData 和 edgeData 两种 data，
  // dataType 的值会是 'node' 或者 'edge'，表示当前点击在 node 还是 edge 上。
  // 其他大部分图表中只有一种 data，dataType 无意义。
  dataType: string;
  // 传入的数据值
  value: number | Array;
  // 数据图形的颜色。当 componentType 为 'series' 时有意义。
  color: string;
};
    1 踩 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题