如何在jqplot中显示虚线网格线而不是实线
塔里卡
$(document).ready(function(){
// Our data renderer function, returns an array of the form:
// [[[x1, sin(x1)], [x2, sin(x2)], ...]]
var sineRenderer = function() {
var data = [[]];
for (var i=0; i<13; i+=0.5) {
data[0].push([i, Math.sin(i)]);
}
return data;
};
// we have an empty data array here, but use the "dataRenderer"
// option to tell the plot to get data from our renderer.
var plot1 = $.jqplot('chart1',[],{
title: 'Sine Data Renderer',
dataRenderer: sineRenderer
});
});
在此图表中，我必须在背景中设置虚线网格线。这有可能在jqplot中绘制虚线网格线吗
霜
我不知道是否存在更简单的方法来实现此目的，但这可行：
打开jquery.jqplot.js。在函数中，$.jqplot.CanvasGridRenderer.prototype.draw在行ctx.setLineDash([1, 5]);之后添加行ctx.save();。然后，只需最小化文件，将其另存为jquery.jqplot.min.js（或将更改直接应用到最小化版本中）就可以了。
请记住，您的所有图表现在都将带有虚线。如果存在问题，则需要为Grid类之类添加一个新属性，lineDash并在中进行相应处理$.jqplot.CanvasGridRenderer.prototype.draw。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
加载后如何在Google图表上添加虚线网格线？
- 2
如何在TreeTableView中显示行的网格线
- 3
熊猫：如何在pd.DataFrame.plot（）中的x轴上显示较小的网格线
- 4
如何在谷歌图表中同时显示水平和垂直网格线
- 5
如何在Chart.js中仅显示轴边界（无网格线）？
- 6
如何在Libreoffice Writer中打印网格线？
- 7
如何在Google图表中添加更多网格线？
- 8
如何在Matlab中绘制不同间距的网格线
- 9
如何统一显示网格线？
- 10
如何内嵌显示网格线项目？
- 11
如何使图表中的网格线静态
- 12
如何在 Matlab 中用空 gridsquares 绘制网格（即显示网格线）
- 13
如何在ggplot中制作虚线，twodash和实线
- 14
在flot.js中的虚线在画布中的网格线/刻度线
- 15
如何在 Beyond Compare 4 中设置多条列线（网格线）？
- 16
网格线未显示
- 17
如何在没有Y轴的情况下显示水平网格线？
- 18
如何在不使用setGridLinesVisible（）方法的情况下永久显示GridPane对象网格线？
- 19
如何突出显示单个y轴网格线
- 20
matplotlib中未显示原始的主要网格线
- 21
如何在ggplot2中为theme_bw（）使用较深的网格线？
- 22
如何在chartist.js中调整网格线的间距？
- 23
如何在折线图的背景中删除网格线？
- 24
如何在折线图的背景中删除网格线？
- 25
如何在BetterListView控件中隐藏组标题的垂直网格线？
- 26
如何在QTableWidget中使用垂直网格线？
- 27
如何在绘图后使用grid（）绘制网格线？
- 28
如何在pdf的boxplot后面放置网格线
- 29
如何在保留网格线的同时清除 GridPane
我来说两句