gpt4 book ai didi

javascript - 如何在使用 CategoryAxisRenderer 时使用 'ticks' 选项

转载 作者:行者123 更新时间:2023-11-30 05:47:29 26 4
gpt4 key购买 nike

我正在尝试绘制折线图,​​我正在使用 CategoryAxisRenderer。我想在 ticks 选项中指定刻度

Code link: jsfiddle

$.jqplot.config.enablePlugins = true;
var chartData = [["19-Jan-2012", 2.61], ["20-Jan-2012", 5.00], ["21-Jan-2012", 6.00]];

function PlotChart(chartData, extraDays) {


var plot2 = $.jqplot('chart1', [chartData], {
title: 'Mouse Cursor Tracking',
seriesDefaults: {
renderer: $.jqplot.LineRenderer,

pointLabels: {
show: true
}
},
axes: {
xaxis: {
pad: 1,
renderer: $.jqplot.CategoryAxisRenderer
,ticks:["19-Jan-2012","20-Jan-2012","21-Jan-2012"]

},
yaxis: {
tickOptions: {
formatString: '$%.2f'
}
}
},
highlighter: {
sizeAdjust: 7.5
},
cursor: {
show: true
}
});
}

PlotChart(chartData, 3);

如果我注释掉 ticks 选项,上面的代码可以正常工作。但是在激活 ticks 选项的情况下,它不会在图表上显示线条。

最佳答案

我将数据更改为 var chartData = [ 2.61, 5.00, 6.00];
现在它工作正常 See Example

代码

$.jqplot.config.enablePlugins = true;
var chartData = [ 2.61, 5.00, 6.00];

function PlotChart(chartData, extraDays) {


var plot2 = $.jqplot('chart1', [chartData], {
title: 'Mouse Cursor Tracking',
seriesDefaults: {
renderer: $.jqplot.LineRenderer,

pointLabels: {
show: true
}
},
axes: {
xaxis: {
pad: 1,
// a factor multiplied by the data range on the axis to give the
renderer: $.jqplot.CategoryAxisRenderer,
// renderer to use to draw the axis,
ticks:["19-Jan-2012","20-Jan-2012","21-Jan-2012"]

},
yaxis: {
tickOptions: {
formatString: '$%.2f'
}
}
},
highlighter: {
sizeAdjust: 7.5
},
cursor: {
show: true
}
});
}

PlotChart(chartData, 3);

关于javascript - 如何在使用 CategoryAxisRenderer 时使用 'ticks' 选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17177223/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com