sim1222/misskey
1
0
Fork 0
mirror of https://github.com/sim1222/misskey.git synced 2025-08-03 23:16:28 +09:00
Code Issues Projects Releases Wiki Activity

refactor

Browse Source
This commit is contained in:
syuilo
2023-01-02 19:58:51 +09:00
parent 70ce129478
commit f598a876eb
11 changed files with 8 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/frontend/src/components/MkChart.vue
View File

@ -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,

10
packages/frontend/src/components/MkHeatmap.vue
View File

@ -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,

10
packages/frontend/src/components/MkRetentionHeatmap.vue
View File

@ -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,