change lines colors

frontend/src/common/component/Charts/chart.san

@@ -177,6 +177,7 @@ export default {
         let legendOptions = tagList.map(item => item.run);
         let that = this;
         let option = {
+            color: ['#c23531', '#61a0a8', '#d48265', '#91c7ae','#749f83',  '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3'],
             title: {
                 text: tag,
                 textStyle: {

frontend/src/histogram/ui/chart.san

@@ -24,7 +24,7 @@ import {format, precisionRound} from 'd3-format';
 import {getPluginHistogramsHistograms} from '../../service';
 
 const highlightLineColor = '#2f4554';
-const defaultLineColor = '#fec42c';
+const defaultLineColor = '#d14a61';
 const lineWidth = 1;
 // the time to refresh chart data
 const intervalTime = 30;
@@ -181,7 +181,7 @@ export default {
         let maxX = max;
         let minZ = Infinity;
         let maxZ = -Infinity;
-        grid.top = '60%';
+        grid.top = '50%';
         chartData.forEach(({items}) => {
             let lineData = [];
             items.forEach(([time, step, x, y]) => {
@@ -194,7 +194,7 @@ export default {
             rawData.push(lineData);
         });
         // Max height in z axis.
-        let Z_HEIGHT = 100;
+        let Z_HEIGHT = 130;
         let option = {
             title,
             visualMap: {