jqplot水平线

时间:2013-01-17 03:05:25

标签: jqplot

似乎无法显示水平线,我看过以前的帖子,但没有任何可行的工作......也许我错过了一个导入?图表本身显示得很好。

    $(document).ready(function(){
    var line1 = [['January', 1], ['February', 2], ['March', 3],
    ['April', 4], ['May', 5], ['June', 6], ['July', 7], ['August', 8],
    ['September', 9], ['October', 10], ['November', 11], ['December', 12]];
    //alert(<?=$graph[1]['st']?>);
    var plot1 = $.jqplot('settle_graph', [line1], {
        title: 'Monthly Settlements',
        grid:{drawBorder: false, shadow:false},
        canvasOverlay: {
          show: true,
          objects: [
            {horizontalLine: {
              name: '# Settlements from Budget',
              y: 6,
              lineWidth: 3,
              color: '#444444',
              shadow: true,
              show:true,                  
              lineCap: 'butt',
              xOffset: 0
            }}
          ]
        },     
        series:[{renderer:$.jqplot.BarRenderer}],
        seriesDefaults: {
            rendererOptions: {
                varyBarColor : true,
                barPadding: 2,      // number of pixels between adjacent bars in the same
                                    // group (same category or bin).
                barMargin: 3,      // number of pixels between adjacent groups of bars.
                barDirection: 'vertical', // vertical or horizontal.
                barWidth: null//,     // width of the bars.  null to calculate automatically.
                //shadowOffset: 2,    // offset from the bar edge to stroke the shadow.
                //shadowDepth: 5,     // nuber of strokes to make for the shadow.
                //shadowAlpha: 0.8,   // transparency of the shadow.
            }
        },
        axesDefaults: {
            tickRenderer: $.jqplot.CanvasAxisTickRenderer ,         
            tickOptions: {
              angle: -30,
              fontSize: '10pt'            
            },rendererOptions: {
                baselineWidth: 1,
                baselineColor: '#444444',
                drawBaseline: true
            }
        },
        axes: {         
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                tickOptions:{
                    showGridline: false             
                }                           
            },
            yaxis: {            
                tickOptions:{
                    showGridline: false
                }               
            }           
        },
    seriesColors: ["#4FCBEA", "#4FCBEA", "#4FCBEA", "#4FCBEA", 
    "#4FCBEA", "#4FCBEA", "#4FCBEA", "#4FCBEA", 
    "#4FCBEA", "#4FCBEA", "#4FCBEA", "#4FCBEA"],        
  });     
});         

之前有人做过简单的水平线吗?

2 个答案:

答案 0 :(得分:8)

您需要添加jqplot.canvasOverlay.js插件才能显示叠加层

答案 1 :(得分:1)

感谢SDESPONT,通过查看插件文件夹中的内容,今天早上发现它已经丢失了。)

    <script type="text/javascript" 
  src="jqplot/plugins/jqplot.canvasOverlay.min.js"></script>

我希望通过电子邮件将您的回复发送给我:)