Skip to content

Commit

Permalink
[Add] 차트 관련 일부 수정
Browse files Browse the repository at this point in the history
- Y축 위치 이동
- 불필요한 UI 일부 제거

Issues #14
  • Loading branch information
novice1993 committed Sep 16, 2023
1 parent 8776c72 commit 63ad68d
Showing 1 changed file with 28 additions and 12 deletions.
40 changes: 28 additions & 12 deletions client/src/hooks/useGetStockChart.ts
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ const useGetStockChart = (companyId: number) => {
const downColor = "#2679ed";

const options = {
animation: false,
animation: true,
tooltip: {
trigger: "axis",
axisPointer: {
Expand Down Expand Up @@ -82,6 +82,7 @@ const useGetStockChart = (companyId: number) => {
},
},
toolbox: {
show: false,
feature: {
dataZoom: {
yAxisIndex: false,
Expand Down Expand Up @@ -113,17 +114,30 @@ const useGetStockChart = (companyId: number) => {
},
],
},
// grid: [
// {
// left: "10%",
// right: "8%",
// height: "50%",
// },
// {
// left: "10%",
// right: "8%",
// top: "63%",
// height: "16%",
// },
// ],
grid: [
{
left: "10%",
right: "8%",
height: "50%",
height: "55%", // 여기를 조정해서 차트의 높이를 변경할 수 있습니다.
},
{
left: "10%",
right: "8%",
top: "63%",
height: "16%",
top: "65%",
height: "20%",
},
],
xAxis: [
Expand Down Expand Up @@ -158,6 +172,7 @@ const useGetStockChart = (companyId: number) => {
splitArea: {
show: false,
},
position: "right",
},
{
scale: true,
Expand All @@ -167,6 +182,7 @@ const useGetStockChart = (companyId: number) => {
axisLine: { show: false },
axisTick: { show: false },
splitLine: { show: false },
position: "right",
},
],
dataZoom: [
Expand All @@ -176,14 +192,14 @@ const useGetStockChart = (companyId: number) => {
start: 40,
end: 100,
},
{
show: false,
xAxisIndex: [0, 1],
type: "slider",
top: "85%",
start: 40,
end: 100,
},
// {
// show: false,
// xAxisIndex: [0, 1],
// type: "slider",
// top: "85%",
// start: 40,
// end: 100,
// },
],
series: [
{
Expand Down

0 comments on commit 63ad68d

Please sign in to comment.