Confidence Bandecharts item配置项内容和展示
配置项如下
// 数据
var data = [{
value: -1.1618426259,
date: "2012-08-28",
l: -2.6017329022,
u: 0.2949717757
},
{
value: -0.5828247293,
date: "2012-08-29",
l: -1.3166963635,
u: 0.1324086347
},
{
value: -0.3790770636,
date: "2012-08-30",
l: -0.8712221305,
u: 0.0956413566
},
{
value: -0.2792926002,
date: "2012-08-31",
l: -0.6541832008,
u: 0.0717120241
},
{
value: -0.2461165469,
date: "2012-09-01",
l: -0.5222677907,
u: 0.0594188803
},
{
value: -0.2017354137,
date: "2012-09-02",
l: -0.4434280535,
u: 0.0419213465
},
{
value: -0.1457476871,
date: "2012-09-03",
l: -0.3543957712,
u: 0.0623761171
},
{
value: -0.002610973,
date: "2012-09-04",
l: -0.3339911495,
u: 0.031286929
},
{
value: -0.0080692734,
date: "2012-09-05",
l: -0.2951839941,
u: 0.0301762553
},
{
value: -0.0296490933,
date: "2012-09-06",
l: -0.2964395801,
u: -0.0029821004
},
{
value: 0.001317397,
date: "2012-09-07",
l: -0.2295443759,
u: 0.037903312
},
{
value: -0.0117649838,
date: "2012-09-08",
l: -0.2226376418,
u: 0.0239720183
},
{
value: 0.0059394263,
date: "2012-09-09",
l: -0.2020479849,
u: 0.0259489347
},
{
value: -0.0115565898,
date: "2012-09-10",
l: -0.2042048037,
u: 0.0077863806
},
{
value: 0.0041183019,
date: "2012-09-11",
l: -0.1837263172,
u: 0.0137898406
},
{
value: 0.0353559544,
date: "2012-09-12",
l: -0.136610008,
u: 0.051403828
},
{
value: 0.0070046011,
date: "2012-09-13",
l: -0.1569988647,
u: 0.0202266411
},
{
value: -0.0004251807,
date: "2012-09-14",
l: -0.1410340292,
u: 0.0273410185
},
{
value: -0.0035461023,
date: "2012-09-15",
l: -0.1438653689,
u: 0.0165445684
},
{
value: 0.007797889,
date: "2012-09-16",
l: -0.1291975355,
u: 0.0232461153
},
{
value: 0.0025402723,
date: "2012-09-17",
l: -0.133972479,
u: 0.0116753921
},
{
value: -0.005317381,
date: "2012-09-18",
l: -0.1269266586,
u: 0.0129723291
},
{
value: -0.0075841521,
date: "2012-09-19",
l: -0.1283478383,
u: 0.0056371616
},
{
value: -0.0391388721,
date: "2012-09-20",
l: -0.1571172198,
u: -0.0311678828
},
{
value: 0.0075430252,
date: "2012-09-21",
l: -0.1097354417,
u: 0.0141132062
},
{
value: 0.1850284663,
date: "2012-09-22",
l: 0.0333682152,
u: 0.2140709422
},
{
value: 0.076629596,
date: "2012-09-23",
l: -0.0068472967,
u: 0.1101280569
},
{
value: -0.0314292271,
date: "2012-09-24",
l: -0.1074281762,
u: 0.0032669363
},
{
value: -0.0232608674,
date: "2012-09-25",
l: -0.0905197842,
u: 0.0164250295
},
{
value: -0.01968615,
date: "2012-09-26",
l: -0.084319856,
u: 0.0193319465
},
{
value: -0.0310196816,
date: "2012-09-27",
l: -0.0914356781,
u: 0.0094436256
},
{
value: -0.0758746967,
date: "2012-09-28",
l: -0.1169814745,
u: -0.019659551
},
{
value: 0.0233974572,
date: "2012-09-29",
l: -0.0356839258,
u: 0.0610712506
},
{
value: 0.011073579,
date: "2012-09-30",
l: -0.0558712863,
u: 0.0346160081
},
{
value: -0.002094822,
date: "2012-10-01",
l: -0.0707143388,
u: 0.0152899266
},
{
value: -0.1083707096,
date: "2012-10-02",
l: -0.1718101335,
u: -0.0886271057
},
{
value: -0.1098258972,
date: "2012-10-03",
l: -0.1881274065,
u: -0.1072157972
},
{
value: -0.0872970297,
date: "2012-10-04",
l: -0.1731903321,
u: -0.064381434
},
{
value: -0.0761992047,
date: "2012-10-05",
l: -0.1770373817,
u: 0.100085727
},
{
value: -0.0416654249,
date: "2012-10-06",
l: -0.1502479611,
u: 0.0751148102
},
{
value: -0.0410128962,
date: "2012-10-07",
l: -0.1618694445,
u: 0.0881453482
},
{
value: -0.0214289042,
date: "2012-10-08",
l: -0.1590852977,
u: 0.0871880288
},
{
value: 0.2430880604,
date: "2012-10-09",
l: 0.063624221,
u: 0.2455101587
},
{
value: 0.3472823479,
date: "2012-10-10",
l: 0.1553854927,
u: 0.3583991097
},
{
value: 0.3360734074,
date: "2012-10-11",
l: 0.2055952772,
u: 0.3812162823
},
{
value: -0.0463648355,
date: "2012-10-12",
l: -0.0626466998,
u: 0.0037342957
},
{
value: -0.0867009379,
date: "2012-10-13",
l: -0.0867594055,
u: -0.0223791074
},
{
value: -0.1288672826,
date: "2012-10-14",
l: -0.1161709129,
u: -0.0534789124
},
{
value: -0.1474426821,
date: "2012-10-15",
l: -0.1559759048,
u: -0.0646995092
},
{
value: -0.1502405066,
date: "2012-10-16",
l: -0.1604364638,
u: -0.0602562376
},
{
value: -0.1203765529,
date: "2012-10-17",
l: -0.1569023195,
u: -0.0578129637
},
{
value: -0.0649122919,
date: "2012-10-18",
l: -0.0782987564,
u: -0.0501999174
},
{
value: -0.015525562,
date: "2012-10-19",
l: -0.1103873808,
u: -0.0132131311
},
{
value: -0.006051357,
date: "2012-10-20",
l: -0.1089644497,
u: 0.0230384197
},
{
value: 0.0003154213,
date: "2012-10-21",
l: -0.1073849227,
u: 0.0017290437
},
{
value: -0.0063018298,
date: "2012-10-22",
l: -0.1120298155,
u: 0.0173284555
},
{
value: -0.004294834,
date: "2012-10-23",
l: -0.1076841119,
u: 0.0547933965
},
{
value: -0.0053400832,
date: "2012-10-24",
l: -0.1096991408,
u: 0.0560555803
},
{
value: 0.0070057212,
date: "2012-10-25",
l: -0.0940613813,
u: 0.0425517607
},
{
value: 0.0082121656,
date: "2012-10-26",
l: -0.0906810455,
u: 0.0396884383
},
{
value: 0.0141422884,
date: "2012-10-27",
l: -0.0841305678,
u: 0.0340050012
},
{
value: 0.0041613553,
date: "2012-10-28",
l: -0.0886723749,
u: 0.039426727
},
{
value: -0.0013614287,
date: "2012-10-29",
l: -0.0923481608,
u: 0.0438725574
},
{
value: -0.0052144933,
date: "2012-10-30",
l: -0.0937763043,
u: 0.0459998555
},
{
value: 0.0078904741,
date: "2012-10-31",
l: -0.0807028001,
u: 0.0334824169
},
{
value: 0.0099598702,
date: "2012-11-01",
l: -0.0740001323,
u: 0.0280264274
},
{
value: 0.0001146029,
date: "2012-11-02",
l: -0.0820430294,
u: 0.0326771125
},
{
value: 0.0047572651,
date: "2012-11-03",
l: -0.0754113825,
u: 0.0294912577
},
{
value: 0.006204557,
date: "2012-11-04",
l: -0.0750627059,
u: 0.029693607
},
{
value: 0.0115231406,
date: "2012-11-05",
l: -0.0663484142,
u: 0.0214084056
},
{
value: -0.0032634994,
date: "2012-11-06",
l: -0.0793170451,
u: 0.0355159827
},
{
value: -0.0108985452,
date: "2012-11-07",
l: -0.0846123893,
u: 0.0409797057
},
{
value: -0.0092766813,
date: "2012-11-08",
l: -0.0802668328,
u: 0.0373886301
},
{
value: 0.0095972086,
date: "2012-11-09",
l: -0.0623739694,
u: 0.0194918693
},
{
value: -0.0111809358,
date: "2012-11-10",
l: -0.0819555908,
u: 0.038335749
},
{
value: -0.0023572296,
date: "2012-11-11",
l: -0.0745443377,
u: 0.0306093592
}
]
option = {
tooltip: {
trigger: "axis",
axisPointer: {
type: "cross",
animation: false
}
},
toolbox: {
right: 20,
show: true,
feature: {
saveAsImage: {
show: true,
excludeComponents: ["toolbox"],
pixelRatio: 2
}
}
},
xAxis: {
// 横轴数据
data: data.map(function(item) {
return item.date;
}),
// 坐标起点不从零开始
axisLine: {
onZero: false
},
nameLocation: "center",
nameTextStyle: {
fontWeight: "bold",
fontSize: "15"
},
boundaryGap: false
},
title: {
textStyle: {
fontSize: 20
},
text: "Confidence Band",
x: "center"
},
yAxis: {
axisLable: {
formatter: function(params) {
return params.value;
}
},
// 坐标起点不从零开始
axisLine: {
onZero: false
},
nameLocation: "center",
nameTextStyle: {
fontWeight: "bold",
fontSize: "15"
},
axisPointer: {
label: {
formatter: function(params) {
return params.value;
}
}
}
},
series: [{
name: "上边界",
type: "line",
data: data.map(function(item) {
console.log('item', item)
return [item.date, item.u];
}),
areaStyle: {
normal: {
color: "#ccc"
}
},
lineStyle: {
normal: {
opacity: 0
}
},
symbol: "none"
},
{
name: "拟合曲线",
type: "line",
data: data.map(function(item) {
return [item.date, item.value];
}),
hoverAnimation: false,
symbolSize: 6,
itemStyle: {
normal: {
color: "#c23531"
}
},
showSymbol: false
},
{
name: "下边界",
type: "line",
data: data.map(function(item) {
return [item.date, item.l];
}),
areaStyle: {
normal: {
color: "#ccc"
}
},
lineStyle: {
normal: {
opacity: 0
}
},
symbol: "none"
}
]
};
截图如下
