开发者社区> 问答> 正文

echarts3的雷达图,tooltip的触发方式设定为axis时无效:报错

我在图说中做了一个雷达图,在轴线上提示效果不错,可是同样的代码拿到echarts3官网的demo页面,却出不来提示。请问@Kener-林峰  ,想在雷达图的轴线上触发提示,仅在tooltip中写trigger:'axis'不行吗?


图说中的代码:

{
    title: {
        x: "left",
        y: "top"
    },
    tooltip: {
        trigger: "axis"
    },
    legend: {
        orient: "vertical",
        x: "right",
        y: "bottom",
        data: ["人流量占比(%)", "等候超时人数占比(%)"]
    },
    toolbox: {
        show: false,
        feature: {
            mark: {
                show: true
            },
            dataView: {
                show: true,
                readOnly: false
            },
            restore: {
                show: true
            },
            saveAsImage: {
                show: true
            }
        }
    },
    polar: [
        {
            indicator: [
                {
                    text: "河南",
                    min: 0,
                    max: 12
                },
                {
                    text: "陕西",
                    min: 0,
                    max: 12
                },
                {
                    text: "山西",
                    min: 0,
                    max: 12
                },
                {
                    text: "河北",
                    min: 0,
                    max: 12
                },
                {
                    text: "山东",
                    min: 0,
                    max: 12
                },
                {
                    text: "安徽",
                    min: 0,
                    max: 12
                },
                {
                    text: "湖北",
                    min: 0,
                    max: 12
                },
                {
                    text: "湖南",
                    min: 0,
                    max: 12
                },
                {
                    text: "四川",
                    min: 0,
                    max: 12
                }
            ],
            type: "polygon",
            axisLabel: {
                show: false
            }
        }
    ],
    calculable: true,
    series: [
        {
            name: "",
            type: "radar",
            data: [
                {
                    value: [10.9, 8, 8, 8, 7, 9, 10, 11, 10],
                    name: "人流量占比(%)"
                }
            ],
            symbolSize: 2
        },
        {
            name: "",
            type: "radar",
            data: [
                {
                    value: [5.8, 7.8, 12.9, 8, 8.2, 7.2, 9, 8, 9],
                    name: "等候超时人数占比(%)"
                }
            ],
            symbolSize: 2
        }
    ],
    animation: true,
    animationEasing: "ExponentialOut"
}






展开
收起
kun坤 2020-06-14 12:05:16 1435 0
1 条回答
写回答
取消 提交回答
  • 请问解决了吗,也正有这个问题,请教
    ######回复 @迈着小碎步走向不归路 : http://blog.csdn.net/agax0312/article/details/54927263看看可以吗######http://blog.csdn.net/agax0312/article/details/54927263######回复

    @lwei : 刚刚解决,将<body>里边的<canvas>用<div>代替,可以出现提示了,例如 <div id="myCharts" style="height:500px;width:100px;"></div>######未解决,官网的issue里有这个问题,你可以去看看,我是直接重新设计图形了######

    http://blog.csdn.net/agax0312/article/details/54927263

    2020-06-14 12:05:31
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载