Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何向仪表添加自定义图标_Javascript_Html_Canvas_Gauge_Jsgauge - Fatal编程技术网

Javascript 如何向仪表添加自定义图标

Javascript 如何向仪表添加自定义图标,javascript,html,canvas,gauge,jsgauge,Javascript,Html,Canvas,Gauge,Jsgauge,我正在使用库,我需要向仪表栏添加自定义图标 var opts={}; var target=document.getElementById'guage'; var gauge=新Gaugetarget.setoptions选项选项; 仪表设置50;//设定实际值 虽然没有文档记录,但通过研究渲染方法,似乎可以覆盖它 您可以创建自己的标签渲染器 警告:当然,由于您是在现有渲染器上进行渲染,因此符号将显示在仪表指针上方。如果您真的想解决这个问题,您需要覆盖整个方法,并添加一个自定义mixin调用来

我正在使用库,我需要向仪表栏添加自定义图标

var opts={}; var target=document.getElementById'guage'; var gauge=新Gaugetarget.setoptions选项选项; 仪表设置50;//设定实际值
虽然没有文档记录,但通过研究渲染方法,似乎可以覆盖它

您可以创建自己的标签渲染器

警告:当然,由于您是在现有渲染器上进行渲染,因此符号将显示在仪表指针上方。如果您真的想解决这个问题,您需要覆盖整个方法,并添加一个自定义mixin调用来调用您自己的函数,以使其可扩展

变量选项={ 角度:0, 半径:50, 利米特马克斯:是的, 利米明:是的, highDpiSupport:正确, 指针:{ 长度:0.5, 冲程宽度:0.08, 颜色:“ADB3B7” }, 静态区域:[ {strokeStyle:'F96C5A',最小值:0,最大值:2,符号:'−' /* 新*/}, {strokeStyle:'FED663',最小值:2,最大值:4,符号:'✓−' /* 新*/}, {strokeStyle:'C2D34D',最小值:4,最大值:6,符号:'✓' /* 新*/}, {strokeStyle:'9CC172',最小值:6,最大值:8,符号:'✓+' /* 新*/}, {strokeStyle:'4AB641',最小值:8,最大值:10,符号:'+'/*新*/} ], 符号化:30,//新 symbolColor:'DDD'//新建 }; var target=document.getElementById'guage'; var gauge=新Gaugetarget.setoptions选项选项; gauge.render=customLabelRenderer; gauge.minValue=0; gauge.maxValue=10; 表1.7; 函数customLabelRenderer{ Gauge.prototype.render.callthis; var zones=this.options.staticZones; 如果区域!=null{ this.ctx.save; var xOffset=this.canvas.width; var yOffset=this.canvas.height*2.25;//对此不确定。 var symbolSize=this.options.symbolSize; this.ctx.font=symbolSize+'px Arial'; this.ctx.fillStyle=this.options.symbolColor; 对于变量i=0;i张贴您的代码,否则我们将不知道如何帮助您@波利维勒先生