用higchart.js 直线做直线图 拐角处的那个大点怎么能去掉

来源：蜘蛛抓取(WebSpider) 时间：2017-09-15 12:50 标签： 爱在拐角处
Highchart 曲线图实现点击线上数据点并跳转效果 - 简书
Highchart 曲线图实现点击线上数据点并跳转效果
先来看一张图：
DPR6E$7RR%K2@ODXW8S9LTC.png
用过Highchart的同学都知道，这样一张曲线图，上面的每一个点去点击的话是没有任何反应的，那我们该如何能去定义上面每一个点的点击事件呢？
答案是在js中加入诸如下面的代码：
cursor: 'pointer',
click: function(event) {
window.open("")
话不多说，上全代码：
&meta charset="UTF-8" /&
&title&Highcharts 教程 | 菜鸟教程()&/title&
&script src="/libs/jquery/2.1.4/jquery.min.js"&&/script&
&script src="/highcharts.js"&&/script&
&div id="container" style="width: 550 height: 400 margin: 0 auto"&&/div&
&script language="JavaScript"&
$(document).ready(function() {
var chart = {
type: 'spline'
var title = {
text: 'Monthly Average Temperature'
var subtitle = {
text: 'Source: '
var xAxis = {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
var yAxis = {
text: 'Temperature'
formatter: function () {
return this.value + '\xB0';
lineWidth: 2
var tooltip = {
crosshairs: true,
shared: true
var plotOptions = {
radius: 4,
lineColor: '#666666',
lineWidth: 1
cursor: 'pointer',
click: function(event) {
window.open("")
var series= [{
name: 'Tokyo',
symbol: 'square'
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, {
symbol: 'url(/demo/gfx/sun.png)'
}, 23.3, 18.3, 13.9, 9.6]
name: 'London',
symbol: 'diamond'
symbol: 'url(/demo/gfx/snow.png)'
}, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
var json = {};
json.chart =
json.title =
json.subtitle =
json.tooltip =
json.xAxis = xA
json.yAxis = yA
json.series =
json.plotOptions = plotO
$('#container').highcharts(json);
运行，然后再去点击每个点，是不是就跳到baidu了？
用一套系统的测试解决方案，实现团队高效的自验证体系你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
Highcharts 默认是根据容器自适应的，所以一般设置图表容器的 div 的宽度自适应即可，即&div id=&container& style=&min-width:400height:400px&&&/div&
另外，还可以通过调用函数的方式来实现图表自适应，函数是 reflow()， 具体用法见：
请问怎么实现高度自适应?
你的高度不固定，就可以了。
要回复问题请先或
浏览: 14558
关注: 3 人问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
如何让第一张的highchart这个面积图内的图形分范围显示，并且颜色不同。类似第二张图这样。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
用分区功能可以实现。
参考例子：API 文档地址：
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：2017年6月 移动开发大版内专家分月排行榜第一
2013年12月 .NET技术大版内专家分月排行榜第二2013年11月 .NET技术大版内专家分月排行榜第二2013年10月 .NET技术大版内专家分月排行榜第二2013年8月 .NET技术大版内专家分月排行榜第二2013年7月 .NET技术大版内专家分月排行榜第二
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。

我要回帖

更多关于 爱在拐角处 的文章

 

随机推荐