用highcharts做了一个曲线图，每个点的颜色不同，想添加一个图例来显示每个颜色代表的含义，请问怎么做呢
在highCharts对象中加入如下代码：
legend : {itemStyle : {'fontSize' : '18px'}}
在什么软件中啊？
==================
在造图表的时候要把数据和数据的说明都选中啊。
$('#container').highcharts({
chart: {
zoomType: 'xy'
},
title: {
text: '东京月平均温度和降雨量'
},
subtitle: {
text: '数据来源: WorldClimate.com'
},
xAxis: [{
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
crosshair: true
}],
yAxis: [{ // Primary yAxis
labels: {
format: '{value}°C',
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: '温度',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}, { // Secondary yAxis
title: {
text: '降雨量',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
format: '{value} mm',
style: {
color: Highcharts.getOptions().colors[0]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 100,
floating: true,
//backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
},
series: [{
name: '降雨量',
type: 'column',
yAxis: 1,
data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
tooltip: {
valueSuffix: ' mm'
}
}, {
name: '温度',
type: 'spline',
data: [{y:7.0,color:'#FF5FF5'}, {y:6.9,color:'#FF5FF5'}, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
tooltip: {
valueSuffix: '°C'
}
}]
});
});
你的需求很难实现，我暂时找不到解决办法，所以目前只能是你自己用css实现图例效果，并且绑定点击事件（如果需要的话）。
做成散点图，然后用线连起来
Highcharts折线图上面的节点太大了,能不能不显示
\/*数据点设置*\/ plotOptions: { series: { marker: { enabled: true, \/*数据点是否显示*\/ radius: 5, \/*数据点大小px*\/ \/\/fillColor:'#ff3300' \/*数据点颜色*\/ }, } },
highcharts 如何实现双击事件?
Highcharts没有提供双击事件监听，对于饼图，默认是分块偏离，不过你也通过 chart.events.click: Function 来自定义，例如 click: function(e) { console.log(Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', e.xAxis[0].value),e.yAxis[0].value )} ...
HighCharts如何设置Y轴的刻度
这个很简单的，你只需要在后台将最大值赋给变量max，然后传递到页面，在Y轴里面这样设置：yAxis: { max: '${max}'， \/\/设置Y轴最大值为“max” tickInterval: 100 \/\/设置Y轴坐标值的间隔固定为100 }这样你的Y轴由于间隔为固定的100，如果max=254，那么最大值就会显示为300....
Highstock与Highcharts有何区别
highstock 是highchart 的升级，主要针对大数据做可视化分析
Highcharts.Chart曲线图怎么取消图内自动生成的直线??
Highcharts.Chart曲线图取消图内自动生成的直线：在 yAxis下增加，属性就可以完成 gridLineWidth:'0px', 设置宽度为0即可。针对网格线的设置主要就是几个属性：1、gridLineColor ：网格线颜色值，默认为#C0C0C0；2、gridLineDashStyle ：网格线样式，默认为solid实线；3、gridLineWidth：网格线宽度，默认为...
如何设置highcharts图表坐标刻度字体样式
有两个方法： 1.调整图表的宽度，越宽分配给每个值的宽度越宽 2.设置pointWidth属性 plotOptions: { column: { pointPadding: 0.2, pointWidth: 30 \/\/柱子的宽度30px } } 设置pointPadding也可以.
highcharts 的x轴tickInterval可以是动态的吗?
参照官方文档：http \/\/api highcharts com\/highcharts ，找到xAxis的tickInterval属性，然后参照文档，和它的例子（http \/\/jsfiddle net\/gh\/get\/jquery\/1.7.2\/highslide-software\/highcharts.com\/tree\/master\/samples\/highcharts\/xaxis\/tickinterval-5\/）去做吧，应该能搞定的 我没有测试，我看官方文档...
可视化数据分析软件有哪些
有着众多不同的图表种类，而且主题也并非只是一种，以往大家所使用的，可能最多也只是对于可视化进行定制，但是在这一个软件中主要以图表为准，也提供文本和表格的一种模式，可以按照相应的需求直接就引入表格或者是文本。3、HighCharts，这也是一款具有可视化效果的数据可视化软件工具，虽然说属于国外的产品...
highcharts动态生成设置step时如何不让它成阶梯状?
可以通过labels下面的staggerLines属性来控制，设置为1即可。设置了step后，x轴为何会变成那样，原因是由于labels中的maxStaggerLines默认值为5，仔细数一下x轴的坐标，一共是分到了5行上，LZ没错吧？个人建议设置staggerLines=1，同时将step属性也设置的大一点，否则x轴会变得不堪入目的，呵呵，下面给...
highcharts 如何给series中的data赋值
seriesname: [{ ..,..,...,...,... }] 定义一个新的函数 void Result { series = * seriesname } 形成一个二维数组，最后输出series
频珠活血： 你的需求很难实现,我暂时找不到解决办法,所以目前只能是你自己用css实现图例效果,并且绑定点击事件(如果需要的话).
稷山县13947601498： 如何用Highcharts制作一个折线图 - ？
频珠活血： 选中需要作图的区域,然后选择插入图表>组合图.项目一和项目二均选择折线图.其中一个选择次坐标轴.你想要的是这个效果吗?不是的话,你直接把表格放上来,我看一下,才能更清楚你的需求.
稷山县13947601498： highchart一条曲线每个点颜色不同你怎么实现的? - ？
频珠活血： series: [{data: [ {y:5,marker:{radius: 7,fillColor: '#00BFFF',lineColor: '#00BFFF',states:{hover:{fillColor: '#00BFFF',lineColor: '#00BFFF'}}}}, {y:8,marker:{radius: 7,fillColor: '#FFD700',lineColor: '#FFD700',states:{hover:{fillColor: '#FFD700',lineColor: ...
稷山县13947601498： highcharts在做曲线图的时候一条曲线如何分段显示. - ？
频珠活血： 这种效果在highcharts 提供的例子代码里有,具体在:Highcharts-3.0.2/examples/area-missing/index.htm 截图如下:
稷山县13947601498： 请教:highcharts的曲线是如何得到的 - ？
频珠活血： spline 是曲线图表:曲线图是用曲线将一系列的数据点连接的图表.写在chart中Line 是直线
稷山县13947601498： highchart可以实现动态的曲线图吗 - ？
频珠活血： 参照官网的一个例子,我来实现一个动态曲线的应用:效果如下:这个曲线是动态的 我把他应用到JSP中,代码如下:Java代码 <%@ page language=＂java＂ import=＂java.util.*＂ pageEncoding=＂UTF-8＂%> <html><head><title>...
稷山县13947601498： 用highcharts 插件绘制图表,为什么图表上有数据但是没有曲线呢?只有当改变窗体大小后,才会显示曲线 - ？
频珠活血： 这个问题遇到过一次,不知道你用的是不是有框架.我原来做一个页面,用的bootstrap框架,引入了框架的js文件,然后引入highcharts图表文件,结果出现了和你相同的问题.最后我把框架的JS文件删除掉,就没问题了.你可以参考试试,或者更换jQuery版本.纯手打,供参考,希望能帮到你
稷山县13947601498： 大神们,用highcharts作图是怎么才能使图形在仅剩一条曲线时没法隐藏??插件本来可以点击隐藏所有曲线~ - ？
频珠活血： 修改图例点击事件,在函数里判断当前的series数组里的visible属性,如果当前仅剩一个为隐藏,则当前的点击事件...
稷山县13947601498： Highcharts曲线图,鼠标选中一个点的效果,怎么弄掉外面的那一圈 - ？
频珠活血： plotOptions:{ marker:{ hover中为鼠标放在某个点上的样式 radius:3, symbol:'circle', fillColor:'white', lineColor:'#001dbc', lineWidth:2, border:1, symbol:'url(../../../resources/images/images1025/max_point.png)', //可以用图标直接进行替换 ...
稷山县13947601498： 用Highcharts能不能做出这样一张图出来 - ？
频珠活血： 可以的,后台组装好json格式的数据,(这里的数据需要一个json数组,每一个数组代表一个图).前台 for(...........){ var chart = new Highcharts.Chart({chart:.............. }) }for遍历你的json数组,对应装data就ok了.
