Economic Growth in Greece
How do I make an economic growth in greece?
What is a economic growth in greece? How do you make a economic growth in greece? This script and codes were developed by ZingChart on 08 September 2022, Thursday.
Economic Growth in Greece - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Economic Growth in Greece</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section> <div id='myChart'></div>
</section> <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/374756/zingchart-2.3.3.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Economic Growth in Greece - Script Codes CSS Codes
@import 'https://fonts.googleapis.com/css?family=Montserrat';
@import 'https://fonts.googleapis.com/css?family=Lato:400';
#myChart { padding: 20px;
}
#myChart-top { box-shadow: 10px 10px 5px 0px rgba(222, 222, 222, 0.1); /*max-width: 800;*/
}
body { background-color: #444;
}
section { display: flex; justify-content: center;
}
Economic Growth in Greece - Script Codes JS Codes
var myConfig = { backgroundColor: '#FBFCFE', type: "bar", title: { // text: "Economic growth in Greece vs Euro Zone", text: "ECONOMIC GROWTH IN GREECE", align: "left", fontFamily: 'Lato', fontSize: 16, padding: "15", fontColor: "#1E5D9E", }, subtitle: { text: "1996-2006", align: "left", fontFamily: 'Lato', fontSize: 12, fontColor: "#777", padding: "15" }, source: { text: "theatlas.com", fontColor: "#777", fontFamily: 'Lato' }, legend: { layout: "x2", align: 'right', borderWidth: "0px", marker: { borderRadius: 50 }, item: { fontColor: "#777" } }, plot: { backgroundColor: '#FBFCFE', marker: { size: 3.5 }, tooltip: { visible: false }, barSpace: "2" }, plotarea: { margin: "90 50 50 50" }, scaleX: { offsetY: -20, lineWidth: 0, padding: 20, margin: 20, item: { padding: 5, fontColor: "#1E5D9E", fontFamily: 'Montserrat' }, tick: { lineColor: '#D1D3D4' }, guide: { visible: true, lineColor: '#D7D8D9', lineStyle: 'dotted', lineGapSize: '4px', rules: [{ rule: "%i == 0", visible: false }] }, // minValue: 828086400000, // step: 7776000000, transform: { type: 'date', all: '%m/%d/%y' }, values: [828086400000, 835945200000, 844066800000, 852019200000, 859795200000, 867654000000, 875602800000, 883555200000, 891331200000, 899190000000, 907138800000, 915091200000, 922867200000, 930726000000, 938674800000, 946627200000, 954489600000, 962348400000, 970210800000, 978076800000, 985939200000, 993798000000, 1001660400000, 1009785600000, 1017388800000, 1025247600000, 1033369200000, 1041321600000, 1049097600000, 1056956400000, 1064905200000, 1072857600000, 1080720000000, 1088578800000, 1096527600000, 1104480000000, 1112256000000, 1120114800000, 1128063600000, 1135929600000, 1143792000000, 1151650800000, 1159513200000, 1167379200000] }, scaleY: { maxValue: 8, lineWidth: 0, item: { padding: "0 10 0 0", fontColor: "#1E5D9E", fontFamily: 'Montserrat' }, tick: { lineColor: '#D1D3D4' }, guide: { visible: true, lineColor: '#D7D8D9', lineStyle: 'dotted', lineGapSize: '4px', rules: [{ rule: "%i == 0", visible: false }] } }, crosshairX: { lineColor: "#b6b6b6", trigger: "move", lineStyle: 'dashed', marker: { visible: true, size: 4 }, scaleLabel: { bold: true, backgroundColor: "#FBFCFE", fontColor: "#1E5D9E", fontSize: "16px", callout: false, paddingTop: 2, }, plotLabel: { backgroundColor: "white", borderColor: "#e3e3e3", borderRadius: "5px", bold: true, fontSize: "12px", fontFamily: "Lato", fontColor: "#2f2f2f", textAlign: 'right', padding: '15px', shadow: true, shadowAlpha: 0.2, shadowBlur: 5, shadowDistance: 4, shadowColor: "#a1a1a1", } }, series: [{ text: "Euro Zone", values: [1.28, 1.41, 1.65, 1.59, 1.99, 2.48, 2.58, 3.3, 3.55, 2.71, 2.62, 1.91, 2.12, 2.4, 2.9, 3.78, 4.27, 4.44, 3.81, 3.3, 2.91, 2.1, 1.74, 1.24, 0.47, 0.97, 1.16, 1.04, 0.83, 0.35, 0.51, 1.19, 1.77, 2.24, 2.16, 1.76, 1.47, 1.62, 1.89, 2.22, 2.92, 3.37, 3.36, 3.8], backgroundColor: "#E80C60" }, { text: "Greece", values: [2.23, 3.29, 3.2, 0.74, 4, 3.84, 2.92, 3.84, 0.56, 3.39, 4.92, 4.4, 4.16, 3.1, 4.54, 1.9, 5.38, 5.02, 2.97, 4.69, 3.26, 2.45, 4.75, 6.23, 2.74, 4.38, 3.87, 2.74, 6.47, 5.89, 5.36, 6.12, 3.64, 4.72, 4.59, 4.47, 1.64, 1.34, 2.73, 3.31, 4.73, 7.87, 4.03, 5.48], backgroundColor: "#00BAF2", }]
};
zingchart.render({ id: 'myChart', data: { gui: { watermark: { position: 'bl' } }, graphset: [myConfig] }, height: 500, width: 725
});
Developer | ZingChart |
Username | zingchart |
Uploaded | September 08, 2022 |
Rating | 3 |
Size | 3,145 Kb |
Views | 40,480 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
ZingChart-AngularJS - Fully Capable | 2,433 Kb |
Area Chart with gradients | 2,310 Kb |
Responsive Flexbox Dashboard | 4,159 Kb |
ZingChart-AngularJS-Map | 2,330 Kb |
Radar Charts | 2,805 Kb |
Vue Js Component Two Way Data Binding | 3,157 Kb |
Responsive Dashboard With Media Queries | 3,871 Kb |
Flexbox Dashboard | 3,956 Kb |
Fantasy Election Generator | 14,205 Kb |
Star Wars Wordcloud | 4,033 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
SlideDown FixedMenu | Mp_graphic | 5,602 Kb |
SVG Scalable Text | Said_FD | 1,451 Kb |
Box Shadow Effects | Retrofuturistic | 2,143 Kb |
Z-index demo | Kblh | 1,534 Kb |
Multiple jCarousel | Pafnuty | 2,461 Kb |
Twitch | SarahDunlap | 2,937 Kb |
Part 19 Bootstrap split button dropdown | Venkatesha | 1,601 Kb |
CMP5-Opdracht15 | SannevanGastel | 2,733 Kb |
Improve | Gavra | 1,652 Kb |
Loading animation | Codeams | 2,408 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!