![]() System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/libs/absol-vchart/demo/ |
Upload File : |
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Demo</title> <meta name='viewport' content='width=device-width, initial-scale=1'> <script src="../dist/vchart.js?time=<?php echo stat('../dist/vchart.js')['mtime'];?>"></script> </head> <body> <style> svg { border: solid 1px black; } </style> <script> var sic = vchart._({ tag: 'salaryimgchart', props: { bonus: 10,//pecent minDistance: 10,//pecent distance: 300,//pecent, colTexts: ['Bậc 1', 'Bậc 4', 'Bậc 5'], distText : 'Khoảng cách lương', minDistText : 'Khoảng cách tối thiểu', bonusText : 'Hệ số ưu đãi (10%)' } }).addTo(document.body); var sic = vchart._({ tag: 'salaryimgchart', props: { bonus: 30,//pecent minDistance: 10,//pecent distance: 30,//pecent, colTexts: ['Bậc 1', 'Bậc 5', 'Bậc 6'], distText : 'Khoảng cách lương', minDistText : 'Khoảng cách tối thiểu', bonusText : 'Hệ số ưu đãi (30%)' } }).addTo(document.body); var sic = vchart._({ tag: 'salaryimgchart', props: { bonus: 50,//pecent minDistance: 20,//pecent distance: 70,//pecent, colTexts: ['Bậc 1', 'Bậc 9', 'Bậc 10'], distText : 'Khoảng cách lương', minDistText : 'Khoảng cách tối thiểu', bonusText : 'Hệ số ưu đãi (50%)' } }).addTo(document.body); </script> </body> </html>