| | |
| | | <template> |
| | | <div class="title"> |
| | | {{ layerData.layerName }} |
| | | </div> |
| | | <div |
| | | :id="`myEcharts${chartsId}`" |
| | | :style="{ width: width, height: height }" |
| | |
| | | "purple-passion" |
| | | ); |
| | | chart.setOption({ |
| | | title: { |
| | | text: props.layerData.layerName, |
| | | left: "center", |
| | | textStyle: { |
| | | //文字颜色 |
| | | color: "#fff", |
| | | // //字体风格,'normal','italic','oblique' |
| | | // fontStyle: "normal", |
| | | // //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400... |
| | | // fontWeight: "bold", |
| | | // //字体系列 |
| | | // fontFamily: "sans-serif", |
| | | // //字体大小 |
| | | // fontSize: 18, |
| | | }, |
| | | }, |
| | | // title: { |
| | | // text: props.layerData.layerName, |
| | | // left: "center", |
| | | // textStyle: { |
| | | // //文字颜色 |
| | | // color: "#fff", |
| | | // // //字体风格,'normal','italic','oblique' |
| | | // // fontStyle: "normal", |
| | | // // //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400... |
| | | // // fontWeight: "bold", |
| | | // // //字体系列 |
| | | // // fontFamily: "sans-serif", |
| | | // // //字体大小 |
| | | // fontSize: 14, |
| | | // }, |
| | | // }, |
| | | legend: { |
| | | // data: xAxisData.value, |
| | | }, |
| | |
| | | }; |
| | | } |
| | | </script> |
| | | <style lang="less" scoped></style> |
| | | <style lang="less" scoped> |
| | | .title { |
| | | width: 100%; |
| | | word-wrap: break-word; |
| | | text-align: center; |
| | | color: #fff; |
| | | font-size: 14px; |
| | | padding: 0 20px; |
| | | box-sizing: border-box; |
| | | } |
| | | </style> |