tooltip组件html的用法
tooltip: { show: true, backgroundColor: "transparent", formatter: function (params) { var htmlStr = ''; htmlStr += '<div class="bgboder">'; htmlStr += '<div id="city">所属城市:' + params.data.name + '</div><div id="trans">交易数量:' + params.data.value + ' 万元</div>'; htmlStr += '</div>'; return htmlStr; } },
label组件的用法
label: { show: true, formatter: function (params) { //console.log(params); let arr = ["所属城市:" + params.data.name, "交易数量" + params.data.value]; return arr.join("\n"); }, backgroundColor: { image: 'images/bgboder.png', }, padding: [30, 0, -20, 0],//内边距属性 width: 150,//宽属性 height: 80,//高属性 color: "#fff", lineHeight: 20, rich: {}//控制背景高/宽属性; },
Done!