本文目录一览：
vs code有没有压缩混淆js代码的扩展？
有的。安装好以后，在js里面按F1，就能压缩代码，压缩好的代码就当前目录下面生成一个 xxx.min.js
网页链接
引js的时候是引echarts.js还是echarts.min
这得看你下载的是哪个，你要是下载的是完整版就引用echarts.min.js，要是源代码版就用
echarts.js。看看你下载的js名字叫什么就引用什么。
chartist-js怎么配置
1、Chartist.js 是简单的响应式图表，可以作为前端图表生成器。
主要特性：
使用基于配置的转换简单处理
使用明确的分离，具有巨大的灵活性(使用 CSS 样式和 JS 控制)
使用 SVG
完全响应式，具有独立 DPI
多媒体查询的响应式配置
完全使用 SASS 构建，并且支持自定义
2、Chartist.js的使用方法
1）在其官方网站中下载JS包和CSS包，并且在页面中引用它们：
link rel=”stylesheet” href=”bower_components/chartist/dist/chartist.min.css”
script src=”bower_components/chartist/dist/chartist.min.js”
2）绘图，直接调用包内的函数即可，以线形图为例来说明：
new Chartist.Line(‘.ct-chart’, {
labels: [‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’],
series: [
{
name: ‘Fibonacci sequence’,
data: [1, 2, 3, 5, 8, 13]
},
{
name: ‘Golden section’,
data: [1, 1.618, 2.618, 4.236, 6.854, 11.09]
}
]
});
var easeOutQuad = function (x, t, b, c, d) {
return -c * (t /= d) * (t – 2) + b;
};
var $chart = $(‘.ct-chart’);
var $toolTip = $chart
.append(‘div class=”tooltip”/div’)
.find(‘.tooltip’)
.hide();
$chart.on(‘mouseenter’, ‘.ct-point’, function() {
var $point = $(this),
value = $point.attr(‘ct:value’),
seriesName = $point.parent().attr(‘ct:series-name’);
$point.animate({‘stroke-width’: ’50px’}, 300, easeOutQuad);
$toolTip.html(seriesName + ‘br’ + value).show();
});
$chart.on(‘mouseleave’, ‘.ct-point’, function() {
var $point = $(this);
$point.animate({‘stroke-width’: ’20px’}, 300, easeOutQuad);
$toolTip.hide();
});
$chart.on(‘mousemove’, function(event) {
$toolTip.css({
left: (event.offsetX || event.originalEvent.layerX) – $toolTip.width() / 2 – 10,
top: (event.offsetY || event.originalEvent.layerY) – $toolTip.height() – 40
});
});
3）实现的效果：
原创文章，作者：J3XXY，如若转载，请注明出处：https://www.506064.com/n/128394.html
微信扫一扫 
支付宝扫一扫 