Travel: Update css, zmiany w widoku faktur zakupowych
This commit is contained in:
@@ -31,16 +31,6 @@
|
||||
heatMap4 = '#696cff';
|
||||
}
|
||||
|
||||
// Chart Colors
|
||||
const chartColors = {
|
||||
donut: {
|
||||
series1: config.colors.success,
|
||||
series2: 'rgba(113, 221, 55, 0.6)',
|
||||
series3: 'rgba(113, 221, 55, 0.4)',
|
||||
series4: 'rgba(113, 221, 55, 0.2)'
|
||||
}
|
||||
};
|
||||
|
||||
// Customer Ratings - Line Charts
|
||||
// --------------------------------------------------------------------
|
||||
const customerRatingsChartEl = document.querySelector('#customerRatingsChart'),
|
||||
@@ -1726,108 +1716,4 @@
|
||||
const horizontalBarChart = new ApexCharts(horizontalBarChartEl, horizontalBarChartConfig);
|
||||
horizontalBarChart.render();
|
||||
}
|
||||
|
||||
// Reasons for delivery exceptions Chart
|
||||
// --------------------------------------------------------------------
|
||||
const deliveryExceptionsChartE1 = document.querySelector('#deliveryExceptionsChart'),
|
||||
deliveryExceptionsChartConfig = {
|
||||
chart: {
|
||||
height: 420,
|
||||
parentHeightOffset: 0,
|
||||
type: 'donut'
|
||||
},
|
||||
labels: ['Incorrect address', 'Weather conditions', 'Federal Holidays', 'Damage during transit'],
|
||||
series: [13, 25, 22, 40],
|
||||
colors: [
|
||||
chartColors.donut.series1,
|
||||
chartColors.donut.series2,
|
||||
chartColors.donut.series3,
|
||||
chartColors.donut.series4
|
||||
],
|
||||
stroke: {
|
||||
width: 0
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false,
|
||||
formatter: function (val, opt) {
|
||||
return parseInt(val) + '%';
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: true,
|
||||
position: 'bottom',
|
||||
offsetY: 10,
|
||||
markers: {
|
||||
width: 8,
|
||||
height: 8,
|
||||
offsetX: -3
|
||||
},
|
||||
itemMargin: {
|
||||
horizontal: 15,
|
||||
vertical: 5
|
||||
},
|
||||
fontSize: '13px',
|
||||
fontFamily: 'Public Sans',
|
||||
fontWeight: 400,
|
||||
labels: {
|
||||
colors: headingColor,
|
||||
useSeriesColors: false
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
theme: false
|
||||
},
|
||||
grid: {
|
||||
padding: {
|
||||
top: 15
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
pie: {
|
||||
donut: {
|
||||
size: '75%',
|
||||
labels: {
|
||||
show: true,
|
||||
value: {
|
||||
fontSize: '26px',
|
||||
fontFamily: 'Public Sans',
|
||||
color: headingColor,
|
||||
fontWeight: 500,
|
||||
offsetY: -30,
|
||||
formatter: function (val) {
|
||||
return parseInt(val) + '%';
|
||||
}
|
||||
},
|
||||
name: {
|
||||
offsetY: 20,
|
||||
fontFamily: 'Public Sans'
|
||||
},
|
||||
total: {
|
||||
show: true,
|
||||
fontSize: '0.7rem',
|
||||
label: 'AVG. Exceptions',
|
||||
color: labelColor,
|
||||
formatter: function (w) {
|
||||
return '30%';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 420,
|
||||
options: {
|
||||
chart: {
|
||||
height: 360
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
if (typeof deliveryExceptionsChartE1 !== undefined && deliveryExceptionsChartE1 !== null) {
|
||||
const deliveryExceptionsChart = new ApexCharts(deliveryExceptionsChartE1, deliveryExceptionsChartConfig);
|
||||
deliveryExceptionsChart.render();
|
||||
}
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user