jqplot垂直轴标签

jqplot vertical axis label

本文关键字:标签 垂直 jqplot      更新时间:2023-09-26

一个非常简单的问题,但我无法弄清楚...我尝试使用 jqplot 生成带有垂直 y 轴标签的线图。根据jqplot网站的例子,我所需要的只是使用这个插件jqplot.canvasAxisLabelRenderer.min.js。我在本地尝试过,但没有用。谁能给我一个提示?这是我问题的演示。

下面是我的代码:

$(document).ready(function(){
        $.jqplot.config.enablePlugins = true;
        var s1 = $.parseJSON($('#x_indi_val').text());    
        $.jqplot('chart1', [s1], {                
            seriesDefaults: { 
               showMarker:false,
               pointLabels: { show:false } ,
            },                
            series:[
               {label:'Individuals'}
            ],
            axes: {
                xaxis: {
                   label :'Time units',
                   pad: 0,
                },
                yaxis: {
                    label: 'Number of individuals',
                    //jqplot example indicated that use the following js file can give you a vertical label, I tried locally, but it did not work
                    //renderer: $.jqplot.canvasAxisLabelRenderer
                }
            },
            legend: {
                show: true,
                location: 'ne',
                placement: 'inside',
                fontSize: '11px'
            } 
        });   
    })​;

您的代码中遇到了一些小问题,但很重要,如提供的演示示例所示:

  1. 您忘记导入标签呈现器所需的两个脚本:

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

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

  2. 您正在设置轴的渲染器,而不是轴的标签渲染器:

    labelRenderer: $.jqplot.CanvasAxisLabelRenderer

请参阅带有更正示例的代码。