echarts 柱状图设置边框_echarts柱状图

vue组件中使用

//创建一个dom元素用来放echats图表

script中的

export default {

mounted() {

var chart = this.$echarts.init(document.getElementById("xline"));

var Colors = ["#10B9E7","#F57474","#56D0E3","#F8B448","#F8B78F"]

var option = {

//图标的表题

title: {

//主标题内容

text: "技术学习次数",

//副标题内容

subtext: "纯属虚构"

},

//鼠标移入指定区域的提示框

tooltip: {

//移入当前行/列

trigger: "axis",

//设置样式

axisPointer: {

type: "shadow"

}

},

//图表头部提示

legend: {

//提示内容，要和series中name保持一致

data: [ "条","框"],

//是否显示(true显示/false不显示)

show:false

},

//网格也就是整个图表