Question

jQuery图表插件怎么应用到网页上

用web做的网页

Answer 1

一般来说直接使用<script type="text/javascript" src="你下载插件的路径(.js后缀)"></script>引入到WEB后 直接调用其提供的方法,要注意的是 其提供的方式是否需要特定事件，如果需要则绑定就可以了，绑定可以直接在元素中直接写入onclick等事件,如果有JS 则可以直接$('#id').click等等 ,再则就是在方法中传入合适的值就可以了

Answer 2

 function newChartColumn(valueList,dateList,renderTo,controlValue,colorA){  
    var  chartOption ={  
        chart: {  
            renderTo: renderTo,  
            type: 'column',  
            height: h,  
            borderWidth:0,  
            width:w  
        },  
        credits:{                     
            enabled:false  
        },  
        legend: {                     
                    enabled: false  
                },  
        title: {  
            text:null  
        },  
        tooltip: {  
              formatter: function() {  
                 return this.x + '<br>值:'+ this.y +'';  
             },  
             style: {  
                 padding: '10px',  
                 fontWeight: 'bold',  
                 fontSize:'12px'  
             }  
         },  
        xAxis: {  
            categories:dateList,  
            minPadding: 0.05,  
            maxPadding: 0.05,  
            labels: {  
                 style: {  
                     fontSize:'9px'  
                 }  
             }  
        },  
        yAxis:{  
            title: {  
                text: null  
            },   
            labels: {  
                align: 'left',  
                 style: {  
                     fontSize:'9px'  
                 }  
             }  
        }  
    };  
      
    var controlList = new Array();  
    if(controlValue!=null && controlValue.length>0){  
          
        for(var i=0; i<controlValue.length; i++){  
            if(controlValue[i]!=null && !isNaN(controlValue[i]) && controlValue[i]!=""){  
                controlList.push(parseInt(controlValue[i]));  
            }else{  
                //controlList.push(0);  //0能成功成功  
                controlList.push(null);  
            }  
        }  
          
          
        var realData = new Array();  
        var innerData;  
        for(var i=0; i<valueList.length; i++){  
            if(i!=valueList.length-1){  
                innerData = {y:valueList[i],color:'#4572A7'};  
            }else{  
                innerData = {y:valueList[i],color:colorA=='' ? '#4572A7' : colorA};  
            }  
            realData.push(innerData);  
        }  
        chartOption.series = [{  
            data:realData},  
            {name:  "管控线",  
                data:controlList,  
                type:'line',  
                color:'#80699B'}  
        ];  
    }else{  
        chartOption.series = [{  
            name:'值',  
            data:valueList  
        }]  
              
    }  
    new Highcharts.Chart(chartOption);   
 }

Answer 3

图表插件就是一组js函数，只需在页面中引入并调用就可以了，当然要传入相应的参数（多为数组
）

Answer 4

这个问题你要看所用图表插件的文档。jquery并没有官方的图表插件。那些第三方的插件有各自的实现方式，而且都有文档，不过是英文的。

Answer 5

你去看看highcharts这个吧，不错的图标工具，扩展也很强。