其他分享
首页 > 其他分享> > ecahrts柱状图顶点样式设置背景图片

ecahrts柱状图顶点样式设置背景图片

作者:互联网

配置series中的markPoint
markPoint: {
                    label: {
                        color: '#FFF',  // 文字颜色
                        padding: [0, 0, 5, 0], // 可用padding调整图片内文字距离
                        show: false,
                        formatter: '10:30'  // 自定义文字内容
                    },
                  /*  data: [
                        { type: 'max' },
                        { type: 'min' },
                        { type: 'average' }
                        ],*/
                    data: [
                        // {xAxis: [30,50,88,67,43], yAxis: ["三级防线", "二级防线", "一级防线","渠道名称","渠道名称"]},
                        { xAxis: xData[0], yAxis: yData[0]},
                        { xAxis: xData[1], yAxis: yData[1]},
                        { xAxis: xData[2], yAxis: yData[2]},
                        { xAxis: xData[3], yAxis: yData[3]},
                        { xAxis: xData[4], yAxis: yData[4]},
                    ],
                    symbol: 'image://' + require('../../../../../../common/img/sbkQjfxDP/01/电子社保卡签发渠道横向柱状图点.png'),  // 自定义图片作为标注展示
                    symbolSize: [10, 10],  // 调整图片的长宽
                },
作用效果

标签:..,yAxis,柱状图,yData,xData,xAxis,ecahrts,type,背景图片
来源: https://www.cnblogs.com/jiuyuestudy/p/16408730.html