echarts 柱状图设置边框_echarts柱状图
vue组件中使用
//创建一个dom元素用来放echats图表
//创建一个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
},
//网格也就是整个图表
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 }, //网格也就是整个图表