作业帮 > 综合 > 作业

Highcharts,测量图gauge,如图红线处,想要三个这种小方块,js要怎么写?可以追加分数.

来源:学生作业帮 编辑:搜狗做题网作业帮 分类:综合作业 时间:2024/04/29 04:37:43
Highcharts,测量图gauge,如图红线处,想要三个这种小方块,js要怎么写?可以追加分数.
Highcharts,测量图gauge,如图红线处,想要三个这种小方块,js要怎么写?可以追加分数.
请问LZ是要在highcharts仪表盘控件中再加入两个相同的小方块么?如果真是这样,那无能为力,除非侵入到highcharts框架源码中才可以做到渲染出三个相同小方块.
如果只是单纯的想做出那种圆角矩形方块,用其他方式倒是也可以实现:
    1.css渲染
\x09var d = $("<div>");
\x09d.css("height", "20px");
\x09d.css("width", "20px");
\x09d.css("border", "1px solid #000000");
\x09d.css("border-radius", "5px");
\x09$("body").append(d);
    2.html5渲染
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="50" width="50">
<rect x="5" y="5" rx="5" ry="5" width="20" height="20" style="fill:rgb(255, 255, 255);stroke-width:1; stroke:black" />
</svg>
</body>
第二种渲染方法需要注意,IE不支持html5,需要引入额外的js来让IE支持渲染html5
再问: 如果只能改源码的话,那就没办法了。 那怎么可以不显示小方块,就是把红线上面的小方块隐藏掉
再答: 在highcharts对象中加入如下代码即可:plotOptions: {
     gauge: {
     dataLabels: {
     style: {
     "visibility" : "hidden"
     }
     }
     }
    }
再问: 大神你好,我现在有三个指针,想给每个指针设置不同的颜色,请问怎么实现?
再答: 在highcharts对象中加入如下代码即可:gauge: {
dial: {
backgroundColor: 'red',
borderColor: 'red'
}
}