highchars问题

Question

hightchars 折线图 当查询的数据只有1条数据的时候 显示的效果会是一个点 那么鼠标移上去没有显示出详细信息出来 也就是tip信息不出来 如何解决。

Answer 1

你可以把你的jsp界面给我看下嘛？就这个折线的

Answer 2

var conditionId = $("#condition").val();//统计条件
var conditionStr = $("#condition option[value='"+conditionId+"']").html();

var targetId = $("#target").val();
var targetStr = $("#target option[value='"+targetId+"']").html();
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);大概就这样。。
太多的话它自动缩短点和点之间的间距的，实在太多你也没必要统计啊，下面那类似于分类的，你要是分类还能分几百个。

Answer 3

我把你的跟我对比看了一下 基本上一样 但是我的还是显示不出来 我的代码页考不出来不然可以给你帮我看下
我还想问你一下就是当数据显示就是一个点的时候你是如何让他显示的 该了什么没有啊。鼠标移上点的位置是不是就是tooltip显示的内容啊，但是我不知道是哪里出了问题 可不可以帮我想一下，你说数据有问题 可是数据问题的话一般图就应该出不来的。我的tooltip属性现在改的跟你一样了 但是还是出不来 也看了你其它的属性页跟我差不多。不知道怎么改啊

Answer 4

不是tooltip
options3.series[0].data = dataArr;
这个就是动态载入属性和对应的值的，，，你可以不请求后台，直接把data里面只写一个数据试试

Answer 5

 xAxis: {
                categories: ['周一','周二','周三','sss','ddd']
            },
//这里是x轴，也是鼠标放上显示的东西的一部分
series: [{
                name: ‘各周分布折线统计’,
                data: []
            }]
//这里data是对应的数据，要和x轴的个数一样，

Answer 6

你写一个的话x轴就一个，data也是一个，总之先写死数据测测你的框架对不对

Answer 7

是的啊  我的统计图出来了 就是当统计折线图的时候查询出来的结果是一个点的时候 我的鼠标移上去这个点确不显示出相应的信息，options3.series[0].data = dataArr 你的这个方法好像就是把值传递到series里面吧 这个我知道我不跟你方数据的方式有点不一样，我不知道是不是这个原因。但是我其他的都可以出来就是一个点的时候鼠标移上去显示不出来，我看了你的js，跟你的也一样，哎 不知道哪里出了问题啊

Answer 8

就是你第一个hightchars图一样鼠标移上这个点能够显示出相应的信息 ，我确显示不出来啊

Answer 9

 xAxis: {
            categories: ['Ⅰ级']
        }series: [{
            name: '手术后',
            data: [83]        }]
你把页面的写成这样的，后面载入数据的先注释了，看看

Answer 10

你可不可以把你的highcharts.js这个文件发给我一下啊 [email protected]谢了 

Answer 11

你可以把你的highcharts.js这个文件传给我吧 谢了 [email protected]

Answer 12

对了 你会不会设置highcharts图显示的大小啊