当前位置: 代码迷 >> Java Web开发 >> highchars有关问题
  详细解决方案

highchars有关问题

热度:4086   发布时间:2013-02-25 21:16:30.0
highchars问题
hightchars 折线图 当查询的数据只有1条数据的时候 显示的效果会是一个点 那么鼠标移上去没有显示出详细信息出来 也就是tip信息不出来 如何解决。

------解决方案--------------------------------------------------------
JScript code
var conditionId = $("#condition").val();//统计条件        var conditionStr = $("#condition option[value='"+conditionId+"']")();                var targetId = $("#target").val();        var targetStr = $("#target option[value='"+targetId+"']")();        var danwei = targetStr.substring(targetStr.indexOf('()')+1,targetStr.indexOf(')'));// 折线图        var options3 = {            chart: {                renderTo: 'container3',                type: 'line'            },            title: {                text: targetStr            },            subtitle: {                text: '单位(' + danwei + ')'            },            xAxis: {                categories: []            },            yAxis: {                title: {                    text: targetStr + '分布'                }            },            tooltip: {                enabled: true,                formatter: function() {                    return '<b>'+ this.x +':</b> '+ this.y + ' ' + danwei + '<br/>';                }            },            plotOptions: {                line: {                    dataLabels: {                        enabled: true                    },                    enableMouseTracking: true                }            },            series: [{                name: targetStr,                data: []            }]        };// 折线图                    options3.subtitle.text = '(单位:' + danwei + ',总数:' + sumNum + ' ' + danwei + ')';                    options3.xAxis.categories = cateArr;                    options3.series[0].data = dataArr;                    new Highcharts.Chart(options3);
  相关解决方案