Highcharts多线图 [英] Highcharts multi line graphs

问题描述

这是我的小提琴

http：// jsfiddle。 net / a4UQf /

代码：

  $ （函数（）{
 $（'＃container'）。highcharts（{
 title：{b $ b text：'Monthly Average Temperature'，
x：-20 // center 
}，
字幕：{
 text：'Source：WorldClimate.com'，
x：-20 
}，
 xAxis：{
类别：['Jan'，'Feb'，'Mar'，'Apr'，'May'，'Jun'，
'Jul'，'Aug'，'Sep'，'Oct'，'Nov' ，'Dec'] 
}，
 yAxis：{
 title：{
 text：'Temperature（°C）'
}，
 plotLines： [{
 value：0，
 width：1，
 color：'＃808080'
}] 
}，
 tooltip：{
 valueSuffix：'°C'
}，
 legend：{
 layout：'vertical'，
 align：'right'，
 verticalAlign：'middle'，
 borderWidth：0 
}，
 series：[{
 name：'Tokyo'，
 data：[7.0，6.9，9.5， 14.5,18.2,21.5,25.2,26.5,23.3,18.3,13.9,9.6] 
}，{
名称：'纽约'，
数据：[-0.2，0.8，5.7， 11.3,17.0,22.0,24.8,24.1,20.1,14.1,8.6,2.5] 
}，{
名称：'柏林'，
数据：[-0.9，0.6，3.5，8.4 ，13.5,17.0,18.6,17.9,14.3,9.0,3.9,1.0] 
}，{
名称：'伦敦'，
数据：[3.9,4.2,5.7,8.5,11.9 ，15.2，17.0，16.6，14.2，10.3，6.6，4.8] 
}] 
}）; 
}）; 
  

这里我想在php mysql中实现。一些建议将不胜感激。

在此之前显示的线条必须有检查，然后图形才会显示，例如，如果我点击东京复选框，然后东京线图表应显示等等，这应该用在一个数组中，该怎么做，请帮助。 来自数据库的数据如下所示： http：// www .highcharts.com / docs / working-with-data / preprocessing-data-from-a-database ，但准备在jquery / javascript中实现的复选框单击事件并显示/隐藏事件

http://api.highcharts.com/highcharts# Series.show（）

This is my fiddle

http://jsfiddle.net/a4UQf/

Code:

 $(function () {
    $('#container').highcharts({
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });
});

Here I want to implement in php mysql. Some suggestions would be grateful.

Before that the lines showing there, there must be a check then the graph should show, for example if i click on tokyo checkbox then tokyo line graph should show and so on, this should be used in an array, how to do that please help.

解决方案

You can get data from database like here: http://www.highcharts.com/docs/working-with-data/preprocessing-data-from-a-database ,but preparing checkbox click event you can achieve in jquery/javascript and show / hide event

http://api.highcharts.com/highcharts#Series.show()

这篇关于Highcharts多线图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！