//折线图 export const line = { tooltip: { trigger: "axis", position: function (pt) { return [pt[0], "10%"]; }, }, legend: {}, xAxis: { // type: "time", data: [], // boundaryGap: false, // axisLabel: { // formatter: `{yyyy}-{MM}-{dd}`, // }, }, yAxis: [ { type: "value", // boundaryGap: [0, "100%"], // axisLabel: { // formatter: function (e) { // let value; // if (e > 1000000) { // value = e / 100000; // } else if (e > 100000) { // value = e / 1000; // } else { // value = e / 100; // } // return value; // }, // }, }, { type: "value", // boundaryGap: [0, "100%"], show: false, }, ], dataZoom: [ { type: "inside", start: 0, end: 100, }, { start: 0, end: 100, }, ], series: [ { name: "1", type: "line", smooth: false, symbol: "circle", showSymbol: false, symbolSize: 5, // areaStyle: {}, itemStyle: { color: "#f7931a", borderColor: "rgba(221,220,107,0.1)", borderWidth: 12, }, lineStyle: { //线条样式 color: "#f7931a", width: "1", }, data: [], }, { name: "发送地址数", type: "line", smooth: false, symbol: "circle", symbolSize: 5, showSymbol: false, // areaStyle: {}, itemStyle: { color: "#008acc", borderColor: "rgba(221,220,107,0.1)", borderWidth: 12, }, lineStyle: { //线条样式 color: "#008acc", width: "1", }, yAxisIndex: 1, data: [], //绘制右侧Y轴 markLine: { symbol: ["none", "none"], //去掉箭头 itemStyle: { normal: { lineStyle: { type: "solid", color: "rgba(0,0,0,0.01)" }, }, }, // lineStyle:{ // color:"red" // }, label: { formatter: "{b}", fontSize: 10, color: "rgba(0,0,0,0.8)", align: "left", }, data: [ { name: "0", yAxis: 0, }, // { // name: "$40W", // yAxis: 400000, // }, { name: "$70W", yAxis: 700000, }, { name: "$40W", yAxis: 400000, }, { name: "$10W", yAxis: 100000, }, { name: "$100W", yAxis: 1000000, // position: ['100%', '50'], }, ], }, }, { name: "日交易量", type: "line", smooth: false, symbol: "circle", symbolSize: 5, showSymbol: false, // areaStyle: {}, itemStyle: { color: "#666666", borderColor: "rgba(221,220,107,0.1)", borderWidth: 12, }, lineStyle: { //线条样式 color: "#666666", width: "1", }, data: [], }, ], } //小折线图 export const minLine = { xAxis: { boundaryGap: false, show:false, axisLine: { onZero: false }, axisTick: { show: false }, axisLabel: { show: false, interval: 0 }, data: [], }, yAxis: { // type:"value", show:false, scale: true, position: 'right', axisLine: { show: false }, axisTick: { show: false }, splitLine: { show: false}, axisLabel: { inside: false,interval: 0 } }, dataZoom: [ { type: "inside", start: 0, end: 100, }, ], grid:{ top:1, bottom:3, left:3, right:3, }, series: [ { name: 'Fake Data', type: 'line', showSymbol: false, lineStyle: { color: "#d84d65" }, data: [] } ] } //柱状图 export const bar = { title: { text: "", left: "center", textStyle: { fontSize: 15, fontWeight: "normal" }, }, tooltip: { trigger: "axis", textStyle: { align: "left", }, axisPointer: { type: "cross", crossStyle: { color: "#999", }, }, // formatter: function (params) { // var res = params[0].axisValueLabel; // for (let i = 0; i <= params.length - 1; i++) { // res += `
${params[i].marker} ${params[i].value[1]} ${params[i].seriesName}`; // } // return "111"; // }, }, legend: { right: 100, formatter: function (name) { return name; }, }, xAxis: [ { type: "category", data: [], }, ], yAxis: [ { type: "value", // name: "Precipitation", // min: 0, // max: 250, // interval: 50, axisLabel: { formatter: function (value) { let label = value / 1000000 return `${label}M` }, }, }, ], series: [ { type: "bar", colorBy: "data", // tooltip: { // valueFormatter: function (value) { // return value + " ml"; // }, // }, data: [], itemStyle: { color: "#fdaa56", }, }, { name: "", type: "bar", itemStyle: { color: "#607d8b", }, data: [], }, ], }