dhtmlxChart也是一个基于JavaScript的图表应用组件。与之前分享的xCharts类似，dhtmlxChart也提供了非常丰富的图表类型。应该说它比xCharts提供了更多的图表类型，包括饼图、雷达图、散点图等更复杂的图表类型。dhtmlxChart提供了一个开源版本，但是它的商业版本要49多美元，有点贵。dhtmlxChart的配置可以参考页面上dhtmlx的相关js脚本和css文件安装：路径需要自己修改。另外，dhtmlxChart提供了4种数据源格式，支持XML、JSON、CSV和JS数组，以XML为例：window.onload=function(){varbarChart=newdhtmlXChart({view:"bar",container:"chartDiv",value:"#sales#",gradient:"falling",color:"#b9a8f9",radius:0,alpha:0.5,border:true,width:70,xAxis:{模板:"#year#"},yAxis:{start:0,end:100,step:10,template:function(obj){return(obj%20?"":obj)}}})barChart.load("../common/data).xml");}dhtmlxChart柱形图生成window.onload=function(){varbarChart1=newdhtmlXChart({view:"bar",container:"chart1",value:"#sales#",label:"'#年份#",barWidth:35,radius:0,gradient:"rising"})barChart1.parse(dataset,"json");barChart1.attachEvent("onItemClick",函数(id){alert(id)})varbarChart2=newdhtmlXChart({view:"bar",container:"chart2",value:"#sales#",label:"'#year#",color:"#66ccff",gradient:"rising",barWidth:25,padding:{top:50,bottom:0,right:50,left:50}});barChart2.parse(dataset,"json");}这里使用的是json的数据格式效果图如下：dhtmlxChart雷达点图生成varchart=newdhtmlXChart({container:"chartDiv",view:"radar",value:"#companyA#",disableLines:true,item:{borderWidth:0,半径：2，颜色：“#6633ff”}，xAxis：{template：“#month#”}，yAxis：{lineShape：“arc”，bg：“#fff8ea”，模板：函数（值）{returnparseFloat（值).toFixed(1)}}});chart.parse（公司，“json”）；效果图如下：dhtmlxChart离散点图表生成chart=newdhtmlXChart({view:"scatter",container:"chartDiv",value:"#b#",xValue:"#a#",yAxis:{title:"值B"},xAxis:{title:"值A"},tooltip:{template:"#a#-#b#"},item:{radius:5,borderColor:"#f38f00",borderWidth:1,color:"#ff9600",type:"d",shadow:true}});chart.parse(scatter_dataset,"json");效果图如下：其他类型的图表使用类似。dhtmlxChart最流行的特性就是它支持大多数流行的数据格式作为图表数据，让我们的开发者使用起来非常方便。你可以试试dhtmlxChart的开源和免费版本
