diff options
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkChart.vue | 9 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkHeatmap.vue | 10 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkRetentionHeatmap.vue | 10 |
3 files changed, 0 insertions, 29 deletions
diff --git a/packages/frontend/src/components/MkChart.vue b/packages/frontend/src/components/MkChart.vue index 9ca7deaf80..d602849651 100644 --- a/packages/frontend/src/components/MkChart.vue +++ b/packages/frontend/src/components/MkChart.vue @@ -128,12 +128,8 @@ const render = () => { chartInstance.destroy(); } - const gridColor = defaultStore.state.darkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)'; const vLineColor = defaultStore.state.darkMode ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)'; - // フォントカラー - Chart.defaults.color = getComputedStyle(document.documentElement).getPropertyValue('--fg'); - const maxes = chartData.series.map((x, i) => Math.max(...x.data.map(d => d.y))); chartInstance = new Chart(chartEl.value, { @@ -188,8 +184,6 @@ const render = () => { unit: props.span === 'day' ? 'month' : 'day', }, grid: { - color: gridColor, - borderColor: 'rgb(0, 0, 0, 0)', }, ticks: { display: props.detailed, @@ -208,8 +202,6 @@ const render = () => { stacked: props.stacked, suggestedMax: 50, grid: { - color: gridColor, - borderColor: 'rgb(0, 0, 0, 0)', }, ticks: { display: props.detailed, @@ -227,7 +219,6 @@ const render = () => { hoverBorderWidth: 2, }, }, - animation: false, plugins: { legend: { display: props.detailed, diff --git a/packages/frontend/src/components/MkHeatmap.vue b/packages/frontend/src/components/MkHeatmap.vue index 5350928bfe..f7a2db8509 100644 --- a/packages/frontend/src/components/MkHeatmap.vue +++ b/packages/frontend/src/components/MkHeatmap.vue @@ -92,11 +92,6 @@ async function renderChart() { await nextTick(); - const gridColor = defaultStore.state.darkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)'; - - // フォントカラー - Chart.defaults.color = getComputedStyle(document.documentElement).getPropertyValue('--fg'); - const color = defaultStore.state.darkMode ? '#b4e900' : '#86b300'; // 視覚上の分かりやすさのため上から最も大きい3つの値の平均を最大値とする @@ -160,8 +155,6 @@ async function renderChart() { }, grid: { display: false, - color: gridColor, - borderColor: 'rgb(0, 0, 0, 0)', }, ticks: { display: true, @@ -175,8 +168,6 @@ async function renderChart() { position: 'right', grid: { display: false, - color: gridColor, - borderColor: 'rgb(0, 0, 0, 0)', }, ticks: { maxRotation: 0, @@ -189,7 +180,6 @@ async function renderChart() { }, }, }, - animation: false, plugins: { legend: { display: false, diff --git a/packages/frontend/src/components/MkRetentionHeatmap.vue b/packages/frontend/src/components/MkRetentionHeatmap.vue index b42c4f29a5..4dcf0cef9c 100644 --- a/packages/frontend/src/components/MkRetentionHeatmap.vue +++ b/packages/frontend/src/components/MkRetentionHeatmap.vue @@ -64,11 +64,6 @@ async function renderChart() { await nextTick(); - const gridColor = defaultStore.state.darkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)'; - - // フォントカラー - Chart.defaults.color = getComputedStyle(document.documentElement).getPropertyValue('--fg'); - const color = defaultStore.state.darkMode ? '#b4e900' : '#86b300'; // 視覚上の分かりやすさのため上から最も大きい3つの値の平均を最大値とする @@ -119,8 +114,6 @@ async function renderChart() { suggestedMax: maxDays, grid: { display: false, - color: gridColor, - borderColor: 'rgb(0, 0, 0, 0)', }, ticks: { display: true, @@ -143,8 +136,6 @@ async function renderChart() { }, grid: { display: false, - color: gridColor, - borderColor: 'rgb(0, 0, 0, 0)', }, ticks: { maxRotation: 0, @@ -156,7 +147,6 @@ async function renderChart() { }, }, }, - animation: false, plugins: { legend: { display: false, |