|
@@ -131,12 +131,14 @@ export default {
|
|
|
left: 'center'
|
|
left: 'center'
|
|
|
},
|
|
},
|
|
|
tooltip: {
|
|
tooltip: {
|
|
|
- trigger: 'item'
|
|
|
|
|
|
|
+ trigger: 'item',
|
|
|
|
|
+ confine: true, // 把提示框限制在图表容器内
|
|
|
|
|
+ extraCssText: 'max-width: 400px; white-space: normal; word-wrap: break-word;',
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
legend: {
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
orient: 'vertical',
|
|
|
- left: 'left'
|
|
|
|
|
|
|
+ left: 'left',
|
|
|
|
|
+ textStyle: { width: 200, overflow: 'break' }
|
|
|
},
|
|
},
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
@@ -176,12 +178,14 @@ export default {
|
|
|
left: 'center'
|
|
left: 'center'
|
|
|
},
|
|
},
|
|
|
tooltip: {
|
|
tooltip: {
|
|
|
- trigger: 'item'
|
|
|
|
|
|
|
+ trigger: 'item',
|
|
|
|
|
+ confine: true, // 把提示框限制在图表容器内
|
|
|
|
|
+ extraCssText: 'max-width: 400px; white-space: normal; word-wrap: break-word;',
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
legend: {
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
orient: 'vertical',
|
|
|
- left: 'left'
|
|
|
|
|
|
|
+ left: 'left',
|
|
|
|
|
+ textStyle: { width: 200, overflow: 'break' }
|
|
|
},
|
|
},
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|