diff --git a/src/components/Charts/MiniArea/index.js b/src/components/Charts/MiniArea/index.js index bb8b5be0d6a4704a47b38f63aa1a66e79d919c2b..3e0e2de03e9ef6154945356599689764972e9ca0 100644 --- a/src/components/Charts/MiniArea/index.js +++ b/src/components/Charts/MiniArea/index.js @@ -41,7 +41,7 @@ class MiniArea extends PureComponent { height: height + 54, animate, plotCfg: { - margin: [36, 0, 30, 0], + margin: [36, 5, 30, 5], }, legend: null, }); @@ -74,28 +74,22 @@ class MiniArea extends PureComponent { }, }; - const view = chart.createView(); - view.tooltip({ + chart.tooltip({ title: null, crosshairs: false, map: { - name: 'y', + title: null, + name: 'x', + value: 'y', }, }); + const view = chart.createView(); view.source(data, dataConfig); view.area().position('x*y').color(color).shape('smooth') .style({ fillOpacity: 1 }); - chart.on('tooltipchange', (ev) => { - const item = ev.items[0]; - const { title } = item; - item.title = ''; - item.name = ''; - item.value = `${title} : ${item.value}`; - }); - if (line) { const view2 = chart.createView(); view2.source(data, dataConfig); diff --git a/src/components/Charts/MiniBar/index.js b/src/components/Charts/MiniBar/index.js index 023aff087c01113f6070484d63ef81f1f0b3f6a4..90d9ae7c41e619ae2d6870272141247893969e9c 100644 --- a/src/components/Charts/MiniBar/index.js +++ b/src/components/Charts/MiniBar/index.js @@ -42,7 +42,7 @@ class MiniBar extends PureComponent { forceFit: fit, height: height + 54, plotCfg: { - margin: [36, 0, 30, 0], + margin: [36, 5, 30, 5], }, legend: null, }); diff --git a/src/components/Charts/index.less b/src/components/Charts/index.less index 4b8c47aeff4583cbe112ba80d2a0ef0286f2d0d5..19e13908d494024bdd753d05cfb46a7ce6c12ecd 100644 --- a/src/components/Charts/index.less +++ b/src/components/Charts/index.less @@ -6,6 +6,7 @@ bottom: -34px; width: 100%; & > div { + margin: 0 -5px; overflow: hidden; } }