<!doctype html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
#container {
border: 1px solid;
width: 800px;
height: 600px;
}
</style>
<!--Non Compiled JS-->
<script src="https://cdn.anychart.com/js/latest/anychart-bundle.min.js"></script>
<script src="../src/migrationTool.js"></script>
var v6confColumn =
'<anychart>' +
'<settings>' +
'<animation enabled="True" />' +
'<image_export file_name="Регистрация недвижимости ДЮ / Количество принятых заявок по областям" use_title_as_file_name="true" url="http://localhost:8080/png-saver/AnyChartPNGSaver.jsp" />' +
'</settings>' +
'<charts>' +
'<chart plot_type="CategorizedVertical">' +
'<data_plot_settings default_series_type="Bar">' +
'<bar_series point_padding="0.2" group_padding="1">' +
'<tooltip_settings enabled="True">' +
'<format>{%YValue}{numDecimals:0,thousandsSeparator: }</format>' +
'</tooltip_settings>' +
'<label_settings enabled="true">' +
'
<font color="#777777"/>' +
'<background enabled="false"/>' +
'<format>{%YValue}{numDecimals:0,thousandsSeparator: }</format>' +
'</label_settings>' +
'</bar_series>' +
'</data_plot_settings>' +
'<chart_settings>' +
'
<text>Регистрация недвижимости ДЮ / Количество принятых заявок по областям
</text>' +
'</title>' +
'<axes>' +
'<y_axis>' +
'</title>' +
'<labels>' +
'<format>{%Value}{numDecimals:0,thousandsSeparator: }</format>' +
'</labels>' +
'</y_axis>' +
'<x_axis>' +
'</title>' +
'</x_axis>' +
'</axes>' +
'</chart_settings>' +
'<data>' +
'<series name="">' +
'<point x="АКТ" y="862">' +
'<actions>' +
'<action type="navigateToURL" url="/sk/charts/jsf/rn/rnAllRayon.seam?map=D&fromDate=01.10.2012&toDate=31.10.2012&servicesId=all&orgType=du" target="_self" />' +
'</actions>' +
'</point>' +
'<point x="КЗЛ" y="1191">' +
'<actions>' +
'<action type="navigateToURL" url="/sk/charts/jsf/rn/rnAllRayon.seam?map=N&fromDate=01.10.2012&toDate=31.10.2012&servicesId=all&orgType=du" target="_self" />' +
'</actions>' +
'</point>' +
'<point x="ЖМБ" y="3518">' +
'<actions>' +
'<action type="navigateToURL" url="/sk/charts/jsf/rn/rnAllRayon.seam?map=H&fromDate=01.10.2012&toDate=31.10.2012&servicesId=all&orgType=du" target="_self" />' +
'</actions>' +
'</point>' +
'<point x="ЮКО" y="5948">' +
'<actions>' +
'<action type="navigateToURL" url="/sk/charts/jsf/rn/rnAllRayon.seam?map=X&fromDate=01.10.2012&toDate=31.10.2012&servicesId=all&orgType=du" target="_self" />' +
'</actions>' +
'</point>' +
'<point x="АСТ" y="9354">' +
'<actions>' +
'<action type="navigateToURL" url="/sk/charts/jsf/rn/rnAllUsers.seam?parentMap=Z&map=&fromDate=01.10.2012&toDate=31.10.2012&servicesId=all&orgType=du" target="_self" />' +
'</actions>' +
'</point>' +
'<point x="АЛМ" y="12090">' +
'<actions>' +
'<action type="navigateToURL" url="/sk/charts/jsf/rn/rnAllUsers.seam?parentMap=A&map=&fromDate=01.10.2012&toDate=31.10.2012&servicesId=all&orgType=du" target="_self" />' +
'</actions>' +
'</point>' +
'<point x="ВКО" y="12106">' +
'<actions>' +
'<action type="navigateToURL" url="/sk/charts/jsf/rn/rnAllRayon.seam?map=F&fromDate=01.10.2012&toDate=31.10.2012&servicesId=all&orgType=du" target="_self" />' +
'</actions>' +
'</point>' +
'<point x="АЛМ о" y="14974">' +
'<actions>' +
'<action type="navigateToURL" url="/sk/charts/jsf/rn/rnAllRayon.seam?map=B&fromDate=01.10.2012&toDate=31.10.2012&servicesId=all&orgType=du" target="_self" />' +
'</actions>' +
'</point>' +
'</series>' +
'</data>' +
'</chart>' +
'</charts>' +
'</anychart>';
var v6confPie =
'<anychart>' +
'<settings>' +
'<animation enabled="True" />' +
'<image_export file_name="Информация по экспертизе проектов актов Главы государства и Правительства Республики Казахстан - Департамент подзаконных актов" use_title_as_file_name="true" url="http://localhost:8080/png-saver/AnyChartPNGSaver.jsp" />' +
'</settings>' +
'<margin all="0"/>' +
'<charts>' +
'<chart plot_type="Pie">' +
'<data_plot_settings>' +
'<pie_series>' +
'<tooltip_settings enabled="true">' +
'<format>{%Name} {%YValue}{numDecimals:0,thousandsSeparator: }({%YPercentOfSeries}{numDecimals: 2}%)</format>' +
'</tooltip_settings>' +
'<label_settings enabled="true" mode="Outside" multi_line_align="Center">' +
'
<font color="Black"></font>' +
'<background enabled="false"/>' +
'<position anchor="Center" valign="Center" halign="Center" padding="20" />' +
'<format>{%Name} {%Value}{numDecimals:0} ({%YPercentOfSeries}{numDecimals:2}%)</format>' +
'</label_settings>' +
'<connector enabled="True" color="Black" opacity="1" thickness="1"/>' +
'</pie_series>' +
'</data_plot_settings>' +
'<chart_settings>' +
'<chart_background enabled="True">' +
'<border enabled="False"></border>' +
'<fill enabled="True" type="Solid" opacity="1" color="#EEEEEE"></fill>' +
'<corners type="Square" />' +
'</chart_background>' +
'<data_plot_background enabled="True">' +
'<border enabled="False" thickness="1" type="Solid" color="White" opacity="1"></border>' +
'<fill enabled="True" type="Solid" opacity="1" color="#EEEEEE"></fill>' +
'</data_plot_background>' +
'
<font color="Black" size="13"></font>' +
'
<text>Информация по экспертизе проектов актов Главы государства и Правительства Республики Казахстан - Департамент подзаконных актов
</text>' +
'</title>' +
'
<legend enabled="False"></legend>' +
'</chart_settings>' +
'<data>' +
'<series name="" type="Pie">' +
'<tooltip enabled="true" />' +
'<point name="Аппарат акима Актюбинской области" y="3">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1016" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="Аппарат акима Жамбылской области" y="1">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1116" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="Национальный банк РК" y="7">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=915" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="МОН" y="93">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=913" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="Аппарат акима Акмолинской области" y="3">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1110" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="Верховный суд РК" y="3">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1011" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="МТСЗ" y="20">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1218" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="МФ" y="71">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=910" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="Аппарат акима Костанайской области" y="5">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1114" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="КНБ" y="21">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1013" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="МДРГО" y="11">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1217" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="АДГСиПК" y="11">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1111" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="Аппарат акима города Астаны" y="4">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=1117" target="_self" />' +
'</actions>' +
'</point>' +
'<point name="МЭ" y="43">' +
'<actions>' +
'<action type="navigateToURL" url="departmentProjectsList.seam?goId=919" target="_self" />' +
'</actions>' +
'</point>' +
'</series>' +
'</data>' +
'</chart>' +
'</charts>' +
'</anychart>';
anychart.onDocumentReady(function() {
drawColumn();
});
function drawColumn() {
document.getElementById("container").innerHTML = "";
var v7conf = anychart.migrationTool.transformXml(v6confColumn);
//alert(JSON.stringify(v7conf));
var chart = anychart.fromJson(v7conf);
chart.container('container');
chart.draw();
}
function drawPie() {
document.getElementById("container").innerHTML = "";
var v7conf = anychart.migrationTool.transformXml(v6confPie, 'single');
//alert(JSON.stringify(v7conf));
var chart = anychart.fromJson(v7conf);
chart.startAngle(90);
chart.container('container');
chart.outsideLabelsCriticalAngle(80);
chart.labels()
.width(200)
.textWrap("byWord")
.fontSize(10)
.hAlign("center")
.position('outside')
.format("{%Name} {%Value}{numDecimals:0} ({%YPercentOfTotal}{numDecimals:2}%)");
chart.tooltip().format("{%Name} {%YValue}{numDecimals:0,thousandsSeparator: }({%YPercentOfTotal}{numDecimals: 2}%)");
chart.draw();
}
</script>
</head>
<input type="button" value="Draw column" onclick="drawColumn()">
<input type="button" value="Draw pie" onclick="drawPie()">
<div id="container"></div>
</body>
</html>