Highcharts,测量图gauge,如图红线处,想要三个这种小方块,js要怎么写?可以追加分数.
来源:学生作业帮助网 编辑:作业帮 时间:2024/08/31 11:17:32
![Highcharts,测量图gauge,如图红线处,想要三个这种小方块,js要怎么写?可以追加分数.](/uploads/image/z/14837369-41-9.jpg?t=Highcharts%2C%E6%B5%8B%E9%87%8F%E5%9B%BEgauge%2C%E5%A6%82%E5%9B%BE%E7%BA%A2%E7%BA%BF%E5%A4%84%2C%E6%83%B3%E8%A6%81%E4%B8%89%E4%B8%AA%E8%BF%99%E7%A7%8D%E5%B0%8F%E6%96%B9%E5%9D%97%2Cjs%E8%A6%81%E6%80%8E%E4%B9%88%E5%86%99%3F%E5%8F%AF%E4%BB%A5%E8%BF%BD%E5%8A%A0%E5%88%86%E6%95%B0.)
Highcharts,测量图gauge,如图红线处,想要三个这种小方块,js要怎么写?可以追加分数.
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