DevExtreme 图表组件
1.第一步 引用DevExtreme CDN 第一步是添加 DevExtreme charting JavaScript文件到网站上,惊喜的发现DevExtreme居然有一个CDN(内容分发网络),提供了我需要的JavaScript文件。 1 <script type= "text/javascript" src= " http://cdn3.devexpress.com/jslib/13.1.5/js/dx.chartjs.js " ></script> 2.第二步 创建图表,静态 $( "#gamesChartContainer" ).dxPieChart({ dataSource: [ { game: "Test game 1" , viewers: 50, channels: 1, image: "test-game-1.jpg" }, { game: "Test game 1" , viewers: 50, channels: 1, image: "test-game-1.jpg" } ], series: [ { argumentField: "game" , valueField: "viewers" , label: { visible: true , connector: { visible: true , width: 1 } } } ] }); 3.第三步