Probindo/database-pertani-web
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dashboard produksi & ganti warna chart

Browse Source
This commit is contained in:
Syaharani
2026-10-13 15:55:18 +07:00
parent aef27704f2
commit 80f0056efe
19 changed files with 994 additions and 334 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/js/config.js
+40
View File
@@ -37,6 +37,46 @@ window.config = {
danger: window.Helpers.getCssVar('danger-bg-subtle'),
dark: window.Helpers.getCssVar('dark-bg-subtle')
},
chartColors: {
series: ['#9D8EF0', '#6FD68F', '#FFB46F', '#5FC7D6', '#F47C86', '#9EA6B0', '#65D8BD', '#63C7E0'],
semantic: {
primary: '#9D8EF0',
secondary: '#9EA6B0',
success: '#6FD68F',
info: '#5FC7D6',
warning: '#FFB46F',
danger: '#F47C86',
purple: '#9D8EF0',
teal: '#65D8BD',
pink: '#F47C86',
gray: '#9EA6B0'
},
text: {
primary: '#7367F0',
secondary: '#808390',
success: '#28C76F',
info: '#00BAD1',
warning: '#FF9F43',
danger: '#FF4C51',
purple: '#7367F0',
teal: '#20C997',
pink: '#FF4C51',
gray: '#808390'
},
categories: {
coffee: '#6FD68F',
vanilla: '#FFB46F',
cacao: '#9D8EF0',
candlenut: '#9EA6B0',
shade: '#65D8BD',
policyPurple: '#9D8EF0',
policyPink: '#F47C86',
marketGreen: '#6FD68F',
marketRed: '#F47C86',
marketBlue: '#5FC7D6'
},
grid: '#ECF0F6'
},
fontFamily: window.Helpers.getCssVar('font-family-base'),
enableMenuLocalStorage: true // Enable menu state with local storage support
};
public/assets/js/dashboards-analytics.js
+24 -29
View File
@@ -9,6 +9,9 @@
cardColor = config.colors.cardColor;
labelColor = config.colors.textMuted;
headingColor = config.colors.headingColor;
const pastelChart = config.chartColors || {};
const pastelSemantic = pastelChart.semantic || {};
const pastelSeries = pastelChart.series || ['#9D8EF0', '#6FD68F', '#FFB46F', '#5FC7D6', '#F47C86', '#9EA6B0', '#65D8BD', '#63C7E0'];
// swiper loop and autoplay
// --------------------------------------------------------------------
@@ -48,16 +51,10 @@
grid: {
show: false
},
colors: [config.colors.success],
colors: [pastelSemantic.success || '#6FD68F'],
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.4,
gradientToColors: [config.colors.cardColor],
opacityTo: 0.1,
stops: [0, 100]
}
type: 'solid',
opacity: 0.22
},
dataLabels: {
enabled: false
@@ -151,13 +148,13 @@
}
},
colors: [
config.colors_label.primary,
config.colors_label.primary,
config.colors_label.primary,
config.colors_label.primary,
config.colors.primary,
config.colors_label.primary,
config.colors_label.primary
pastelSemantic.secondary || '#9EA6B0',
pastelSemantic.secondary || '#9EA6B0',
pastelSemantic.secondary || '#9EA6B0',
pastelSemantic.secondary || '#9EA6B0',
pastelSemantic.primary || '#9D8EF0',
pastelSemantic.secondary || '#9EA6B0',
pastelSemantic.secondary || '#9EA6B0'
],
dataLabels: {
enabled: false
@@ -262,18 +259,10 @@
}
}
},
colors: [config.colors.primary],
colors: [pastelSemantic.primary || '#9D8EF0'],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
shadeIntensity: 0.5,
gradientToColors: [config.colors.primary],
inverseColors: true,
opacityFrom: 1,
opacityTo: 0.6,
stops: [30, 70, 100]
}
type: 'solid',
opacity: 0.9
},
stroke: {
dashArray: 10
@@ -356,7 +345,10 @@
}
},
colors: [config.colors.primary, config.colors.secondary],
colors: [
pastelSeries[0] || '#9D8EF0',
pastelSeries[1] || '#6FD68F'
],
dataLabels: {
enabled: false
},
@@ -369,7 +361,10 @@
legend: {
show: false
},
colors: [config.colors.primary, config.colors.secondary],
colors: [
pastelSeries[0] || '#9D8EF0',
pastelSeries[1] || '#6FD68F'
],
fill: {
opacity: 1
},