anychart.onDocumentReady(function () { // create pie chart with passed data var data = [ {x: "Civilians", value: 479, fill:"#075ba3"}, {x: "Former Opposition Commanders", value: 140, fill:"#7f7f7f"}, {x: "Members of Civil Organistations & Bodies", value: 35, fill:"#679ac6"}
];
// create a chart and set the data var chart = anychart.pie(data);
chart.labels({fontColor: '#000000', position: 'outside', fontWeight: 'bold'});
// Set critical angle. chart.outsideLabelsCriticalAngle(160); chart.connectorStroke({color: "#595959", thickness: 2, solid:"2 2"});
var title = chart.title(); title.enabled(true); title.width(800); title.text(' Breakdown of Arrests: Civilians, Former Opposition Commanders, Civil Society'+''); chart.title().useHtml(true);
// Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); chart.legend().hoverCursor("help");
var legend = chart.legend();
// Set font color legend.fontColor('black');
chart.legend().fontSize(10);
legend.fontWeight('bold');
chart.minHeight('100%'); chart.maxHeight('100%'); chart.minWidth('100%'); chart.maxWidth('100%');
chart.height('100%');
// set points grouping settings chart.background({fill: "#dbdbdb 3.5"});
chart.legend(true); chart.animation(true, 3000); // remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"];
// delete about and separator delete items["full-screen-separator"]; delete items["about"];
// return modified array return items; });
var outline = chart.outline();
outline.width('3px');
// set container id for the chart chart.container('test'); // initiate chart drawing chart.draw();
});
anychart.onDocumentReady(function () {
// create data var data = [ {x: "Air Force Intelligence", value: 158, fill: "#075ba3",stroke: "none"}, {x: "Army", value: 49, fill: "#075ba3"}, {x: "Military Intelligence", value: 174, fill: "#075ba3",stroke: "none"}, {x: "National Defense Forces", value: 4, fill: "#075ba3",stroke: "none"}, {x: "Police", value: 98, fill: "#075ba3",stroke: "none"}, {x: "Political Security", value: 66, fill: "#075ba3",stroke: "none"}, {x: "Regime Checkpoints", value: 7, fill: "#075ba3",stroke: "none"}, {x: "State Security", value: 101, fill: "#075ba3",stroke: "none"}, {x: "Tiger Forces", value: 15, fill: "#075ba3",stroke: "none"}, ];
// create a chart var chart = anychart.column();
// create a column series and set the data var series = chart.column(data);
labels = chart.labels(); // set the chart title chart.title(" Breakdown of Arrestes: Civilians, Former Opposition Commander, Civil Society"); var axisLabels = chart.xAxis().labels(); axisLabels.useHtml(true); axisLabels.format("{%value}"); labels.fontFamily("Roboto Condensed"); chart.animation(true, 3000); var title = chart.title(); title.enabled(true); title.width(800); title.text('Security Force Conducting Arrests'+''); chart.title().useHtml(true);
chart.background({fill: "#dbdbdb 3.5"}); // Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); // set the titles of the axes
// rotate labels chart.xAxis().labels().rotation(-90);
// set labels position labels = chart.getSeries(0).labels(); labels.enabled(true); labels.position("center-top"); labels.anchor("center"); labels.offsetY(-10); labels.fontWeight(900); labels.fontColor("#000000");
var label = chart.label(); label.text('Custom label'); label.position('left-bottom');
// remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"];
// delete about and separator delete items["full-screen-separator"]; delete items["about"];
// return modified array return items; });
// set the container id chart.container("test2");
// initiate drawing the chart chart.draw(); });
anychart.onDocumentReady(function () {
// create data var data = [ ["Jun-18", 9], ["Jul-18", 29], ["Aug-18", 125], ["Sep-18", 103], ["Oct-18", 73], ["Nov-18", 76], ["Dec-18", 31], ["Jan-19", 35], ["Feb-19", 43], ["Mar-19", 25], ["Apr-19", 22]
];
// create a chart var chart = anychart.line();
chart.background({fill: "#dbdbdb 3.5"}); // set chart padding chart.padding([10, 20, 5, 20]);
// turn on the crosshair chart.crosshair(true); chart.crosshair().xLabel(false);
// create a line series and set the data var series = chart.line(data);
series.normal().stroke("#0066cc", 3);
var title = chart.title(); title.enabled(true); title.width(800); title.text('Timeline of Arrests'+''); chart.title().useHtml(true);
// Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma");
var xAxisLabels = chart.xAxis().labels(); xAxisLabels.rotation(-90) xAxisLabels.fontWeight("bold"); xAxisLabels.fontColor("black"); xAxisLabels.fontFamily("Tahoma"); xAxisLabels.letterSpacing('1px');
var yAxisLabels = chart.yAxis().labels(); yAxisLabels.fontWeight("bold"); yAxisLabels.fontColor("black"); yAxisLabels.fontFamily("Tahoma"); yAxisLabels.letterSpacing('1px');
// set the titles of the axes var xAxis = chart.xAxis(); xAxis.title("Time"); var yAxis = chart.yAxis(); yAxis.title("Number of Arrests");
// add style to Y Axis & X Axis chart.yAxis(0).title().fontColor("black").fontWeight(900);
chart.xAxis(0).title().fontColor("black").fontWeight(900); // add bold to lables chart.labels().fontColor('black').fontWeight(900);
// third marker var marker2 = chart.textMarker(2); marker2.axis(chart.yAxis()); marker2.value(150); marker2.text("N.B:126 additional arrests have been registered with no specific data"); marker2.align("right"); marker2.fontSize("10px"); marker2.fontColor("#212121"); marker2.anchor("right-center"); marker2.background().enabled(true); marker2.background().fill("gray 0.1"); marker2.background().stroke("0.2 black"); marker2.padding(3);
// enable series data labels series.labels() .enabled(true) .anchor('left-bottom') .padding(5); // enable series markers series.markers(true);
//tooltip var tooltip = series.tooltip(); chart.tooltip(true);
chart.tooltip().useHtml(true); chart.tooltip().format("{%value}");
// remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"];
// delete about and separator delete items["full-screen-separator"]; delete items["about"];
// return modified array return items; });
// set the container id chart.container("test3");
// initiate drawing the chart chart.draw(); });
anychart.onDocumentReady(function () { // create pie chart with passed data var data = [ {x: "Arrested", value: 602, fill:"#A5A5A5"}, {x: "Relesed", value: 57, fill:"#5A9BD5"}, {x: "Missing", value: 5, fill:"#264478"}, {x: "Tortured", value: 8, fill:"#255F91"},
];
// create a chart and set the data var chart = anychart.pie(data);
chart.labels({fontColor: '#000000', position: 'outside', fontWeight: 'bold'});
// Set critical angle. chart.outsideLabelsCriticalAngle(160); chart.connectorStroke({color: "#595959", thickness: 2, solid:"2 2"});
var title = chart.title(); title.enabled(true); title.width(800); title.text(' Breakdown of Arrests: Civilians, Former Opposition Commanders, Civil Society'+''); chart.title().useHtml(true);
// Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); chart.legend().hoverCursor("help");
var legend = chart.legend();
// Set font color legend.fontColor('black');
chart.legend().fontSize(10);
legend.fontWeight('bold');
chart.animation(true, 3000);
// set points grouping settings chart.background({fill: "#dbdbdb 3.5"});
chart.legend(true);
// remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"];
// delete about and separator delete items["full-screen-separator"]; delete items["about"];
// return modified array return items; });
// set container id for the chart chart.container('test5'); // initiate chart drawing chart.draw();
});
anychart.onDocumentReady(function () { // create pie chart with passed data var data = [ {x: "Rural West Daraa", value: 214, fill:"#A5A5A5"}, {x: "Rural East Daraa", value: 197, fill:"#5A9BD5"}, {x: "Rural North Daraa", value: 100, fill:"#264478"}, {x: "N/A", value: 97, fill:"#255F91"}, {x: "Al-Lajat", value: 7, fill:"#4473C5"}, {x: "Quneitra", value: 18, fill:"#636363"},
];
// create a chart and set the data var chart = anychart.pie(data);
chart.labels({fontColor: '#000000', position: 'outside', fontWeight: 'bold'});
// Set critical angle. chart.outsideLabelsCriticalAngle(160); chart.connectorStroke({color: "#595959", thickness: 2, solid:"2 2"});
var title = chart.title(); title.enabled(true); title.width(800); title.text(' Breakdown of Arrests: Civilians, Former Opposition Commanders, Civil Society'+''); chart.title().useHtml(true);
// Set horizontal align. title.hAlign('left'); title.fontColor('black'); title.fontWeight('bold'); title.fontFamily("Tahoma"); chart.legend().hoverCursor("help");
var legend = chart.legend();
// Set font color legend.fontColor('black');
chart.legend().fontSize(10);
legend.fontWeight('bold');
chart.animation(true, 3000);
// set points grouping settings chart.background({fill: "#dbdbdb 3.5"});
chart.legend(true);
// remove two element from the menu chart.contextMenu().itemsFormatter(function(items){ // Disable save as image option delete items["save-chart-as"];
// delete about and separator delete items["full-screen-separator"]; delete items["about"];
// return modified array return items; });
// set container id for the chart chart.container('test4'); // initiate chart drawing chart.draw();
});