vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +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

36
doc/chart/HorizontalBarDoc.vue
View file

@ -48,14 +48,14 @@ export default {
datasets: [
{
label: 'My First dataset',
backgroundColor: documentStyle.getPropertyValue('--cyan-500'),
borderColor: documentStyle.getPropertyValue('--cyan-500'),
backgroundColor: documentStyle.getPropertyValue('--p-cyan-500'),
borderColor: documentStyle.getPropertyValue('--p-cyan-500'),
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: 'My Second dataset',
backgroundColor: documentStyle.getPropertyValue('--gray-500'),
borderColor: documentStyle.getPropertyValue('--gray-500'),
backgroundColor: documentStyle.getPropertyValue('--p-gray-500'),
borderColor: documentStyle.getPropertyValue('--p-gray-500'),
data: [28, 48, 40, 19, 86, 27, 90]
}
]
@ -64,8 +64,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 {
indexAxis: 'y',
@ -133,14 +133,14 @@ const setChartData = () => {
datasets: [
{
label: 'My First dataset',
backgroundColor: documentStyle.getPropertyValue('--cyan-500'),
borderColor: documentStyle.getPropertyValue('--cyan-500'),
backgroundColor: documentStyle.getPropertyValue('--p-cyan-500'),
borderColor: documentStyle.getPropertyValue('--p-cyan-500'),
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: 'My Second dataset',
backgroundColor: documentStyle.getPropertyValue('--gray-500'),
borderColor: documentStyle.getPropertyValue('--gray-500'),
backgroundColor: documentStyle.getPropertyValue('--p-gray-500'),
borderColor: documentStyle.getPropertyValue('--p-gray-500'),
data: [28, 48, 40, 19, 86, 27, 90]
}
]
@ -149,8 +149,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 {
indexAxis: 'y',
@ -212,14 +212,14 @@ const setChartOptions = () => {
datasets: [
{
label: 'My First dataset',
backgroundColor: documentStyle.getPropertyValue('--cyan-500'),
borderColor: documentStyle.getPropertyValue('--cyan-500'),
backgroundColor: documentStyle.getPropertyValue('--p-cyan-500'),
borderColor: documentStyle.getPropertyValue('--p-cyan-500'),
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: 'My Second dataset',
backgroundColor: documentStyle.getPropertyValue('--gray-500'),
borderColor: documentStyle.getPropertyValue('--gray-500'),
backgroundColor: documentStyle.getPropertyValue('--p-gray-500'),
borderColor: documentStyle.getPropertyValue('--p-gray-500'),
data: [28, 48, 40, 19, 86, 27, 90]
}
]
@ -228,8 +228,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 {
indexAxis: 'y',