jQplot格式字符串"%n〃;

jQplot formatString "%n"

本文关键字：quot 格式 字符串 jQplot      更新时间：2023-09-26

我对jQplot有点问题。我正在尝试这样做一个DateAxisRenderer：http://tinyurl.com/p8v5coh

我有这个：http://tinyurl.com/qd2lbxh

我不想在考试中轮换。我只想在我的工作时间和约会日期之间输入一个换行符。

这是我的代码：

var plot1 = $.jqplot('chart1', [test2], {
        title:'Plot to test JQPLOT',
        legend: {
            show: true,
            placement: 'outsideGrid'
        }, 
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        tickOptions: {
            angle: 0,
            fontSize: '10pt'
        }
    },      

    axes: {
        xaxis: {
            label: "X Axis",
            renderer:$.jqplot.DateAxisRenderer, 
            tickOptions: {
                formatString: '%H %#.2f %n %#.2f %#d-%#m-%Y',
            },
            //min:'June 16, 2008 8:00AM', 
            tickInterval:'14400000',
        },
        yaxis: {
            label: "Y Axis",
            renderer: $.jqplot.LogAxisRenderer,  
            tickOptions: {
                angle: 0
            }
        }
    },
    highlighter: {
        show: true,
        sizeAdjust: 20,
    },
    cursor:{
        show: true,
        zoom: true,
        showTooltip:false
    },
    series:[{showMarker:false}],
});

正如你所看到的，我已经尝试了[官方文档][1]中所写的"%n"。我觉得这很愚蠢，但我自己解决不了这个问题。断线不起作用。

你能告诉我正确的路吗？

Ty

jqplot.com/docs/files/plugins/jqplot-dateAxisRenderer-js.html

jqplot有时会用轴和标签做一些奇怪的事情。这就是为什么我通常手动定义自己的轴记号如下： 
axes: {
            xaxis: {
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                label: 'Date',
                tickOptions:{formatString:'%b %Y'},
                pad: 0,
                ticks: lsTicks,
                renderer: $.jqplot.DateAxisRenderer
            },

其中lsTicks看起来像这样：

["2014-01", "2014-02", "2014-03", "2014-04"]

其长度与您的数据相同。为了让内容更具可读性，你可以添加tickOptions: {angle: -20},，这样，如果你的约会对象太多，无法并排排列，你的约会就会有一个角度。

tickOptions:{formatString:'%b %Y'}表示：显示一个3个字母的月份，然后显示一个4位数的年份。有关更多选项和信息，请参阅此处。

或者，您可以使用min、max和tickInterval，但我发现它们有时行为不端。请参阅此处和此处了解更多信息。

相关文章：