当前位置:编程学习 > JAVA >>

求关于JS柱状图如何在图上添加超链接..

var chart;
$(function () {
   
    $("#search").click(function() {
     $("#Taskpost").submit();    
});
    $(function(){
     var colors = Highcharts.getOptions().colors;
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column'
            },
            title: {
                text: null
            },
            subtitle: {
                text: null
            },
            xAxis: {
                categories:  <%=name%>
            },
            yAxis: {
                min: 0,
                title: {
                    text: null
                }
            },         
            tooltip: {
                formatter: function() {
                    return ''+
                        this.x +': '+ this.y +'';
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
                series: [{
                name:<%=name%>,
                data: <%=score%>
    
            }]
        });
    });
     }); --------------------编程问答-------------------- 希望大家帮忙下 实在不知道加在哪个位置 --------------------编程问答-------------------- 用热点,可以在图上指定的坐标增加链接。

<img usemap="#newbook" alt="" src="/images/***.jpg" width="730px;" height="490px;">

<map name="newbook">
<area shape="rect" coords="25,45,122,90" href="#" target="_self" alt="超链接" title="超链接" >
</map>

1、coords:后面是坐标,分别是左上角、右下角的坐标; 鼠标在这个矩形区域内点击可以跳转
2、每个 <area> 对应一个链接
3、链接必须在<map></map>之间
4、img的usemap中的属性同map的name属性 --------------------编程问答-------------------- Highcharts, 建议你去看你用的js组件的help文件或者example文档。
补充:Java ,  Java EE
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,