代码信息

保存到分组
外部资源
$[libs.length]
暂无
- $[lib.showName]
添加新的资源

$[newLibMessage]

更多文件见开放CDN服务
快捷键
快捷键风格同 Sublime，同时支持 Emmet 特性，常用快捷键：

全局快捷键
- Ctrl + Enter：运行
- Ctrl + ←/→：折叠左侧菜单
- Ctrl + O：打开添加常用资源
- Ctrl + Z：撤销所有编辑器
- Ctrl + U：恢复所有编辑器
- F11：最大化运行结果
- ESC：关闭添加常用资源
编辑器快捷键
- Ctrl + Enter：运行
- Ctrl + /：注释代码
- Ctrl + H：格式化代码
- Ctrl + Z：撤销
- Ctrl + Y：恢复
- Tab：快捷生成代码
- Ctrl + L：选中当前行
- Ctrl + Q：折叠当前代码
- F11：最大化当前编辑器
关于

JShare 是一个在线代码测试、托管、分享的工具；

当前版本 $[base.version]，这里有更新日志；

使用前请查阅帮助文档及说明；

Copyright © 2020 JShare，由简数科技提供服务，浙ICP备16004892号-3

根据输入值生成辅助线 | JShare

用户输入x，y坐标值生成“L”辅助线

$(function () {
	//图表构造函数Highcharts.Chart()，创建图表
	var chart = Highcharts.chart('container', {
		chart: {
			type: 'scatter'
		},
		series: [{
			data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
		},{
			data:[]
		}]
	}/*,function(chart) {
                var pointIndex = 0,		//点索引
                    //数据列上点坐标
                    point = chart.series[0].points[pointIndex],
                    x = point.plotX + chart.plotLeft,
                    y = point.plotY + chart.plotTop;
//                    x = point.plotX,
//                    y = point.plotY
                    //绘制路径
                chart.renderer.path([
                    'M', 			//移动
                    x,
                    chart.plotTop + chart.plotHeight,
                    'L',			//划线
                    x,
                    y,
                    chart.plotLeft + chart.plotWidth,
                    y
                ])
                    .attr({			//属性
                        stroke: 'red',	//行程颜色
                        'stroke-width': 1,	//行程宽度
                        dashstyle: 'longdash'	//样式
                    })
                    .add();				//添加
            }*/);
	var hasPlotLine = false,
		$button = $('#button');
	$('#button').click(function () {
		var a = $('#XPoint').val();
		var b = $('#YPoint').val();
		var c = Number(a);
		var d = Number(b);
		if (!hasPlotLine) {
			// 新增的点包含 x 和 y 值
			chart.series[1].addPoint([c,d]);
			/*chart.xAxis[0].addPlotLine({           //在x轴上增加
                        value:c,                           //在值为2的地方
                        width:2,                           //标示线的宽度为2px
                        color: '#000000',                  //标示线的颜色
                        id: 'plot-line-1',                  //标示线的id，在删除该标示线的时候需要该id标示
                        dashStyle:'longdashdot'
                    });*/
			var pointIndex = 0;
			//                    var group = this.renderer.g().add();
			//数据列上点坐标
			var point = chart.series[1].points[pointIndex],
				x = point.plotX + chart.plotLeft,
				y = point.plotY + chart.plotTop;
			//绘制路径
			chart.renderer.path([
				'M', 			//移动
				x,
				chart.plotTop + chart.plotHeight,
				'L',			//划线
				x,
				y,
				chart.plotLeft + chart.plotWidth,
				y
			])
				.attr({			//属性
				stroke: 'red',	//行程
				'stroke-width': 1,	//行程宽度
				id: 'plot-line-1',
				dashstyle: 'longdashdot'	//样式
			})
				.add();				//添加
			$button.html('删除标示线');
		} else {
			//                    chart.xAxis[0].removePlotLine('plot-line-1');
			//                    chart.renderer.path()
			//                    chart.series[1].removePoint(x,y);
			chart.series[1].data[0].remove();
			delete chart.renderer.path;
			//                    delete y;
			$button.html('新增标示线');
		}
		//                .hide();
		hasPlotLine = !hasPlotLine;
	});
});

<div id="container"></div>
<input type="number" id="XPoint" name="LastName"  size="28">
<input type="number" id="YPoint" name="LastName"  size="28">
<button id="button" class="autocompare" onclick="GetText()" >新增点</button>

{"resource":"1,3,9","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"FSKbkq","name":"根据输入值生成辅助线","version":0,"doctype":0,"description":"用户输入x，y坐标值生成“L”辅助线","meta":"","newGroup":2719,"group":{"id":2719,"name":"test","code":"Radium"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

根据输入值生成辅助线 | JShare

用户输入x，y坐标值生成“L”辅助线

模板（查看所有模板）

外部资源
$[libs.length]