change plot color

This commit is contained in:
MuslemRahimi 2024-11-07 19:21:08 +01:00
parent 9a667443c2
commit 9f349627b3
10 changed files with 29 additions and 2 deletions

View File

@ -1,6 +1,5 @@
<script lang="ts"> <script lang="ts">
import { analystEstimateComponent, stockTicker } from "$lib/store"; import { analystEstimateComponent, stockTicker } from "$lib/store";
import InfoModal from "$lib/components/InfoModal.svelte";
import { Chart } from "svelte-echarts"; import { Chart } from "svelte-echarts";
import { init, use } from "echarts/core"; import { init, use } from "echarts/core";
@ -163,7 +162,9 @@
}, },
lineStyle: { lineStyle: {
type: "dashed", // Set the line type to dashed type: "dashed", // Set the line type to dashed
color: "#FBCE3C",
}, },
showSymbol: false, // Show symbols for line plot points showSymbol: false, // Show symbols for line plot points
}, },
{ {
@ -175,6 +176,7 @@
}, },
lineStyle: { lineStyle: {
type: "dashed", // Set the line type to dashed type: "dashed", // Set the line type to dashed
color: "#FBCE3C",
}, },
showSymbol: false, // Show symbols for line plot points showSymbol: false, // Show symbols for line plot points
}, },

View File

@ -81,6 +81,9 @@
data: dividendList, data: dividendList,
type: "bar", type: "bar",
smooth: true, smooth: true,
itemStyle: {
color: "#FBCE3C",
},
}, },
], ],
}; };

View File

@ -219,6 +219,9 @@
data: valueList, data: valueList,
type: "bar", type: "bar",
smooth: true, smooth: true,
itemStyle: {
color: "#FBCE3C",
},
}, },
], ],
tooltip: { tooltip: {

View File

@ -299,6 +299,9 @@
data: valueList, data: valueList,
type: "bar", type: "bar",
smooth: true, smooth: true,
itemStyle: {
color: "#FBCE3C",
},
}, },
], ],
tooltip: { tooltip: {

View File

@ -243,6 +243,9 @@
data: valueList, data: valueList,
type: "bar", type: "bar",
smooth: true, smooth: true,
itemStyle: {
color: "#FBCE3C",
},
}, },
], ],
tooltip: { tooltip: {

View File

@ -207,6 +207,9 @@
data: valueList, data: valueList,
type: "bar", type: "bar",
smooth: true, smooth: true,
itemStyle: {
color: "#FBCE3C",
},
}, },
], ],
tooltip: { tooltip: {

View File

@ -94,6 +94,9 @@
areaStyle: { opacity: 0.2 }, areaStyle: { opacity: 0.2 },
smooth: true, smooth: true,
symbol: "none", symbol: "none",
itemStyle: {
color: "#FBCE3C",
},
}, },
], ],
tooltip: { tooltip: {

View File

@ -311,7 +311,7 @@
type: "line", type: "line",
yAxisIndex: 0, yAxisIndex: 0,
itemStyle: { itemStyle: {
color: "#fff", // Change bar color to white color: "#FBCE3C",
}, },
showSymbol: false, showSymbol: false,
}, },

View File

@ -93,8 +93,12 @@
data: employeeList, data: employeeList,
type: "bar", type: "bar",
smooth: true, smooth: true,
itemStyle: {
color: "#FBCE3C",
},
}, },
], ],
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
}, },

View File

@ -294,6 +294,9 @@
areaStyle: { opacity: 0.2 }, areaStyle: { opacity: 0.2 },
smooth: true, smooth: true,
symbol: "none", symbol: "none",
itemStyle: {
color: "#FBCE3C",
},
}, },
], ],
tooltip: { tooltip: {