小兔崽子的博客

1.示例图2.echarts配置var option; option = { legend: { // 图例 icon: "circle", orient: "verticalAlign", // 垂直显示 x: "800px", // 居右显示 y: "center", // 延y轴居中 textStyle: { fon

1.示例图2.echarts配置option = { title: { text: '5', x: 'center', y: '30%', itemGap: 5, textStyle: { color: '#000', fontSize: 200, }, subtext: 'BBU', subtextStyle: { color: '#7a7c89', fontSize: 80.

1.示例图2.echarts配置option = { backgroundColor:"#1c1c1c", xAxis: [ { type: 'category', axisLine: { show: false, }, axisLabel: { show: false, .

1.示例图2.echarts配置option = { backgroundColor: '#00043A', tooltip: { trigger: 'axis', show: false, axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' }, }, legend:

1.示例图2.echarts配置option = { color: ['#22DCB8', '#F47100'], tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' }, .

1.示例图2.echarts配置var data = { data: [[320], [120], [220], [150]], legend: ['华为', '中兴', '烽火', '瑞斯'], } var option; var colors = ['#4C98FB', '#83CCE7', '#26C7C8', '#73DEBD']; option = { color: colors,

1.示例图2.echarts配置var data = { area: ['3G', '4G', '5G-SA', '5G-NSA'], legend: ['华为', '中兴', '烽火', '瑞斯'], data: [ [320, 302, 901, 634], [320, 302, 301, 334], [320, 302, 301, 334], [320, 302, 301, 334], ],

1.示例图2.echarts配置var option;var placeHolderStyle = { label: { show: false, }, labelLine: { show: false, }, color: 'rgba(0,0,0,0)', borderWidth: 0,};option = { backgroundColor:"#000", title:{ te

效果如下图所示代码如下所示var option; option = { legend: { // 图例 icon: "circle", orient: "verticalAlign", // 垂直显示 x: "800px", // 居右显示 y: "center", // 延y轴居中 textStyle: {..

效果如下图所示代码如下所示var option; var placeHolderStyle = { label: { show: false }, labelLine: { show: false }, color: "rgba(0,0,0,0)", borderWidth: 0 }; o..

效果如下图所示代码如下var option;var getname = ['正常', '质差', '疑似中断'];var getvalue = [5, 2, 1];let chartData = getname.map((item, index) => { return { name: item, value: getvalue[index] };});var arrName = [];var arrValue = [];v..