rtgk-screen-web/components/screen/Chart/theme.json

{
  "color": [
    "#28a3ff",
    "#ffc760",
    "#6fe621",
    "#f95757",
    "#54c4f1",
    "#fc8452",
    "#9a60b4",
    "#ea7ccc",
    "#7289ab",
    "#91ca8c",
    "#f49f42"
  ],
  "backgroundColor": "rgba(4,20,87,0)",
  "textStyle": {},
  "xAxis": {
    "nameGap": 5
  },
  "yAxis": {
    "nameGap": 5
  },
  "title": {
    "textStyle": {
      "color": "#eeeeee"
    },
    "subtextStyle": {
      "color": "#aaaaaa"
    }
  },
  "grid": {
    "top": 30,
    "left": 30,
    "bottom": 30,
    "right": 30
  },
  "line": {
    "itemStyle": {
      "borderWidth": 1
    },
    "lineStyle": {
      "width": 2
    },
    "symbolSize": 10,
    "symbol": "circle",
    "smooth": false
  },
  "radar": {
    "itemStyle": {
      "borderWidth": 1
    },
    "lineStyle": {
      "width": 2
    },
    "symbolSize": 4,
    "symbol": "circle",
    "smooth": false
  },
  "bar": {
    "itemStyle": {
      "barBorderWidth": 0,
      "barBorderColor": "#ccc"
    }
  },
  "pie": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "scatter": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "boxplot": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "parallel": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "sankey": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "funnel": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "gauge": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    }
  },
  "candlestick": {
    "itemStyle": {
      "color": "#fd1050",
      "color0": "#0cf49b",
      "borderColor": "#fd1050",
      "borderColor0": "#0cf49b",
      "borderWidth": 1
    }
  },
  "graph": {
    "itemStyle": {
      "borderWidth": 0,
      "borderColor": "#ccc"
    },
    "lineStyle": {
      "width": 1,
      "color": "#aaaaaa"
    },
    "symbolSize": 4,
    "symbol": "circle",
    "smooth": false,
    "color": [
      "#dd6b66",
      "#759aa0",
      "#e69d87",
      "#8dc1a9",
      "#ea7e53",
      "#eedd78",
      "#73a373",
      "#73b9bc",
      "#7289ab",
      "#91ca8c",
      "#f49f42"
    ],
    "label": {
      "color": "#eeeeee"
    }
  },
  "map": {
    "itemStyle": {
      "normal": {
        "areaColor": "#eee",
        "borderColor": "#444",
        "borderWidth": 0.5
      },
      "emphasis": {
        "areaColor": "rgba(255,215,0,0.8)",
        "borderColor": "#444",
        "borderWidth": 1
      }
    },
    "label": {
      "normal": {
        "textStyle": {
          "color": "#000"
        }
      },
      "emphasis": {
        "textStyle": {
          "color": "rgb(100,0,0)"
        }
      }
    }
  },
  "geo": {
    "itemStyle": {
      "normal": {
        "areaColor": "#eee",
        "borderColor": "#444",
        "borderWidth": 0.5
      },
      "emphasis": {
        "areaColor": "rgba(255,215,0,0.8)",
        "borderColor": "#444",
        "borderWidth": 1
      }
    },
    "label": {
      "normal": {
        "textStyle": {
          "color": "#000"
        }
      },
      "emphasis": {
        "textStyle": {
          "color": "rgb(100,0,0)"
        }
      }
    }
  },
  "categoryAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#eeeeee"
      }
    },
    "axisTick": {
      "show": true,
      "lineStyle": {
        "color": "#eeeeee"
      }
    },
    "axisLabel": {
      "show": true,
      "textStyle": {
        "color": "#eeeeee"
      }
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": [
          "#aaaaaa"
        ]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": [
          "#eeeeee"
        ]
      }
    }
  },
  "valueAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#eeeeee"
      }
    },
    "axisTick": {
      "show": true,
      "lineStyle": {
        "color": "#eeeeee"
      }
    },
    "axisLabel": {
      "show": true,
      "textStyle": {
        "color": "#eeeeee"
      }
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": [
          "#aaaaaa"
        ]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": [
          "#eeeeee"
        ]
      }
    }
  },
  "logAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#eeeeee"
      }
    },
    "axisTick": {
      "show": true,
      "lineStyle": {
        "color": "#eeeeee"
      }
    },
    "axisLabel": {
      "show": true,
      "textStyle": {
        "color": "#eeeeee"
      }
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": [
          "#aaaaaa"
        ]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": [
          "#eeeeee"
        ]
      }
    }
  },
  "timeAxis": {
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#eeeeee"
      }
    },
    "axisTick": {
      "show": true,
      "lineStyle": {
        "color": "#eeeeee"
      }
    },
    "axisLabel": {
      "show": true,
      "textStyle": {
        "color": "#eeeeee"
      }
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": [
          "#aaaaaa"
        ]
      }
    },
    "splitArea": {
      "show": false,
      "areaStyle": {
        "color": [
          "#eeeeee"
        ]
      }
    }
  },
  "toolbox": {
    "iconStyle": {
      "normal": {
        "borderColor": "rgba(153,153,153,1)"
      },
      "emphasis": {
        "borderColor": "rgba(102,102,102,1)"
      }
    }
  },
  "legend": {
    "show": true,
    "left": "center",
    "textStyle": {
      "color": "#eeeeee"
    }
  },
  "tooltip": {
    "axisPointer": {
      "lineStyle": {
        "color": "rgba(238,238,238,1)",
        "width": "1"
      },
      "crossStyle": {
        "color": "rgba(238,238,238,1)",
        "width": "1"
      }
    }
  },
  "timeline": {
    "lineStyle": {
      "color": "#eeeeee",
      "width": 1
    },
    "itemStyle": {
      "normal": {
        "color": "#dd6b66",
        "borderWidth": 1
      },
      "emphasis": {
        "color": "#a9334c"
      }
    },
    "controlStyle": {
      "normal": {
        "color": "#eeeeee",
        "borderColor": "#eeeeee",
        "borderWidth": 0.5
      },
      "emphasis": {
        "color": "#eeeeee",
        "borderColor": "#eeeeee",
        "borderWidth": 0.5
      }
    },
    "checkpointStyle": {
      "color": "#e43c59",
      "borderColor": "#c23531"
    },
    "label": {
      "normal": {
        "textStyle": {
          "color": "#eeeeee"
        }
      },
      "emphasis": {
        "textStyle": {
          "color": "#eeeeee"
        }
      }
    }
  },
  "visualMap": {
    "color": [
      "#bf444c",
      "#d88273",
      "#f6efa6"
    ]
  },
  "dataZoom": {
    "backgroundColor": "rgba(47,69,84,0)",
    "dataBackgroundColor": "rgba(255,255,255,0.3)",
    "fillerColor": "rgba(167,183,204,0.4)",
    "handleColor": "#a7b7cc",
    "handleSize": "100%",
    "textStyle": {
      "color": "#eeeeee"
    }
  },
  "markPoint": {
    "label": {
      "color": "#eeeeee"
    },
    "emphasis": {
      "label": {
        "color": "#eeeeee"
      }
    }
  }
}