vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 09:22:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update chart samples to use new variables

Browse source
This commit is contained in:
Cagatay Civici 2024-03-27 00:24:49 +03:00
parent c06dd3f14c
commit dfcc243fe1
13 changed files with 169 additions and 169 deletions
Download patch file Download diff file Expand all files Collapse all files

24
doc/chart/LineDoc.vue
View file

@ -50,14 +50,14 @@ export default {
label: 'First Dataset',
data: [65, 59, 80, 81, 56, 55, 40],
fill: false,
borderColor: documentStyle.getPropertyValue('--cyan-500'),
borderColor: documentStyle.getPropertyValue('--p-cyan-500'),
tension: 0.4
},
{
label: 'Second Dataset',
data: [28, 48, 40, 19, 86, 27, 90],
fill: false,
borderColor: documentStyle.getPropertyValue('--gray-500'),
borderColor: documentStyle.getPropertyValue('--p-gray-500'),
tension: 0.4
}
]
@ -66,8 +66,8 @@ export default {
setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color');
return {
maintainAspectRatio: false,
@ -131,14 +131,14 @@ const setChartData = () => {
label: 'First Dataset',
data: [65, 59, 80, 81, 56, 55, 40],
fill: false,
borderColor: documentStyle.getPropertyValue('--cyan-500'),
borderColor: documentStyle.getPropertyValue('--p-cyan-500'),
tension: 0.4
},
{
label: 'Second Dataset',
data: [28, 48, 40, 19, 86, 27, 90],
fill: false,
borderColor: documentStyle.getPropertyValue('--gray-500'),
borderColor: documentStyle.getPropertyValue('--p-gray-500'),
tension: 0.4
}
]
@ -147,8 +147,8 @@ const setChartData = () => {
const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color');
return {
maintainAspectRatio: false,
@ -206,14 +206,14 @@ const setChartOptions = () => {
label: 'First Dataset',
data: [65, 59, 80, 81, 56, 55, 40],
fill: false,
borderColor: documentStyle.getPropertyValue('--cyan-500'),
borderColor: documentStyle.getPropertyValue('--p-cyan-500'),
tension: 0.4
},
{
label: 'Second Dataset',
data: [28, 48, 40, 19, 86, 27, 90],
fill: false,
borderColor: documentStyle.getPropertyValue('--gray-500'),
borderColor: documentStyle.getPropertyValue('--p-gray-500'),
tension: 0.4
}
]
@ -222,8 +222,8 @@ const setChartOptions = () => {
setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color');
return {
maintainAspectRatio: false,