jquery – jqplot,删除外边框

CSS 前端之家
前端之家收集整理的这篇文章主要介绍了jquery – jqplot,删除外边框，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

如何删除jqplot的外边框,请看下面的截图.
我尝试了不同的选项并搜索它,但我没有得到解决方案.

这是我的代码,

  1. plot1 = $.jqplot(container,[data],{
  2.         title: 'title',animate: true,animateReplot: true,seriesColors:['#00ADEE'],seriesDefaults: {
  3.             renderer: $.jqplot.BarRenderer,shadow: false
  4.         },axesDefaults: {
  5.         },Highlighter: {
  6.             tooltipAxes: 'y',show: true,tooltipLocation: 'sw',formatString: 'Highlighter"> \
  7.       
  8. 请帮帮我.提前致谢.
  9. 这是JsFiddle link,我想删除外边框.
  10. 最佳答案
  11. 您可以在postDrawHooks中注册自定义函数,在插件初始化后触发.
  12. 我们的想法是使用此功能在图表顶部绘制一个白色边框矩形,使外边框不可见.
  14. $.jqplot.postDrawHooks.push(function() {
  15.     var $canvasMain = $("#chart1 canvas.jqplot-grid-canvas"),$canvasLines = $("#chart1 canvas.jqplot-series-canvas"),canvasSize = { 
  16.             x: parseInt($canvasLines.attr('width')),y: parseInt($canvasLines.attr('height'))
  17.         },ctx = $canvasMain[0].getContext('2d');
  19.     ctx.strokeStyle = 'white';
  20.     ctx.lineWidth = 6; // 6 to hide shadows and the larger bottom side
  21.     ctx.rect($canvasLines.position().left,$canvasLines.position().top,canvasSize.x,canvasSize.y + 3);
  22.     ctx.stroke();    
  23. });
  25. jsFiddle
  26. 你可以看到外边界消失了：
  27. 这工作正常,但我个人会继续修改源以跳过外部边界.该插件使用GPLv2和MIT双重许可,所以我想这条路线没有问题.
  28. 解决方案2
  29. 我发现如果你改变这个
  31. grid: {borderColor: 'transparent',
  32. 至
  34. grid: {borderColor: 'white',drawBorder: true},
  35. 外边框消失了(我上面做的那种),但是x轴上仍然会出现一些刻度线.我设置了showTickMarks：false表示没有成功.
  36. 见jsFiddle
  38.       
  39.       
  40.                  
      •     
      •     
      •     
    •               
    •             
    •           
    •           
    •           
    •           
    •             
    •               
    •             
    •           
    •           
    •             
    •               
    •                   
    •     
      猜你在找的CSS相关文章
    •                                     
      IE浏览器兼容性调整总结技巧
    •                                 
      前言 最近项目做完，用户需要兼容IE，于是开展了兼容性的调整工作。边调整边想感叹IE真是个...
    •                                 
    •                                 
    •                             
    •                                     
      css属性总结
    •                                 
      前言 有些属性不是很常用，但是工作中遇到了，记录一下，方便学习。 1、text-indent text-...
    •                                 
    •                                 
    •                             
    •                                     
      政府网站公祭日，如何使网站整体变灰
    •                                 
      前言 政府网站会遇到公祭日的时候，网站整体颜色变灰的情况。今天正好调了一下。在此把解决...
    •                                 
    •                                 
    •                             
    •                                     
      css实现图片动画效果
    •                                 
      需求 项目里有个消息中心，当有消息的时候，小铃铛图标可以晃两下，提示当前有信息。 实现...
    •                                 
    •                                 
    •                             
    •                                     
      css实现文字渐变
    •                                 
      html代码 css代码 效果图
    •                                 
    •                                 
    •                             
    •                                     
      移动端rem距离单位的使用
    •                                 
      在做移动端开发的时候大家肯定会遇到适配问题，手机的屏幕大小有非常多的类别，使用传统的...
    •                                 
    •                                 
    •                             
    •                                     
      使用 media 实现响应式布局
    •                                 
      最近工作有一个需求是将一个界面改为响应式布局，由于UI还没有给设计，于是自己先查了一下...
    •                                 
    •                                 
    •                             
    •                                     
      教你用原生CSS写炫酷页面切换效果，跟第三方组件说拜拜
    •                                 
      因为项目需要，别人想让我给他写一个个人博客，并且给了我一个其他人的网页，可以点此查看...
    •                                 
    •                                 
    •                             
    •                                     
      CSS盒模型之内边距、边框、外边距 十九问 （持续更新）
    •                                 
      本篇文章主要探讨盒模型，以及内边距、边框、外边距的面试题与思考，也希望您能把您的思考...
    •                                 
    •                                 
    •                             
    •                                     
      轻松上手CSS Grid网格布局
    •                                 
      今天刚好要做一个好多div格子错落组成的布局，不是田字格，不是九宫格，12个格子这样子，看...
    •                                 
    •                                 
    •                             
    •             
    •           
    •         
    •         
    •         
    •         
    •         
    •           
    •           
    •             
    •               
    •                 
    •                 
      HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
    •                 
    •               
    •             
    •           
    •           
    •          
    •           
    •             
    •               
       
    •               
    •             
    •           
    •           
    •           
    •           
    •           
    •             
    •               
    •                 
    •                 
    •               
    •             
    •           
    •           
    •           
    •           
    •             
    •               
    •                 
    •                 
      关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作
    •               
    •             
    •           
    •           
    •           
    •           
    •          
    •           
    •             
    •               
       
    •               
    •             
    •           
    •           
    •           
    •           
    •         
    •         
    •     
    •      
    •     
    •         
    •         
    •             Copyright © 2019 前端之家. 当前版本 V7.0.16
    •             前端之家 版权所有 
    •         
    •