Using KoolGrid with Vue.js Single Page Application

Posted by & filed under Technical Tips.

[How to integrate KoolGrid with Vue.js SPA environment] This tutorial is about how to integrate KoolGrid with Vue.js SPA environment. To run KoolGrid in a Vue.js SPA environment, you need to first copy the KoolGrid library and license file into the appropriate directory. In this tutorial, we are going to copy the files into “/koolgrid”… Read more »

China vs. United States

Posted by & filed under Technical Tips.

[XML Layout for Doughnut Chart] <KoolChart backgroundColor=”#FFFFFF” borderStyle=”none”> <Options> <Caption text=”TOTAL POPULATION (1.385 billion)”/> </Options> <Pie2DChart id=”chart” innerRadius=”0.7″ showDataTips=”true”> <series> <Pie2DSeries nameField=”Age” field=”Population” startAngle=”-120″ renderDirection=”clockwise” labelPosition=”outside” labelJsFunction=”chinaLabelFunc” color=”#000000″> <showDataEffect> <SeriesSlide direction=”right” duration=”1000″/> </showDataEffect> </Pie2DSeries> </series> <backgroundElements> <CanvasElement> <Image source=”./man-and-woman.png” top=”80″ left=”200″ width=”180″ height=”200″/> <Label text=”48.2%” left=”230″ horizontalCenter=”0″ verticalCenter=”0″ fontSize=”20″ fontWeight=”bold” color=”#000000″ backgroundAlpha=”0″/> <Label text=”51.8%” left=”315″… Read more »