echarts 图标始终无法打点

目的:实现图标上的打点标注
image.png

核心语句 markPoint.data

coord: ["2020-8-20", "1.7688"],
    var option = {
                    grid: {
                        top: '10%',
                        bottom: '10%',
                        left: '10%'

                    },
                    xAxis: {
                        type: 'category',
                        data: this.fenshitu_data.date,

                    },
                    yAxis: {
                        type: 'value',
                        min: 'dataMin'
                    },
                    tooltip: {
                        trigger: 'axis',
                        formatter: '{b} : {c}' + this.fenshitu_unit
                    },
                    series: [{
                        data: this.fenshitu_data.networth,
                        type: 'line',
                        smooth: true,
                        symbol: 'none',
                        markLine: {
                            data: [{
                                type: 'average',
                                name: '平均值'
                            }]
                        },
                        markPoint: {
                            symbol: 'circle',
                            symbolSize: 10,
                            data: [
                                {
                                coord: ['2020-8-20', '1.7688'],
                                    name: '1111111',
                                    color: "pink",
                                    itemStyle: {
                                        color: "rgba(115, 159, 250, .5)",
                                    },
                                    symbolSize: [25, 25], // 容器大小
                                    symbolOffset: [0, -15], //位置偏移
                                }


                            ]
                        },
                    }]
                };
阅读 747
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题