Nvd3.js 什么';定制nvd3版本的推荐方法是什么?
NVD3包括十几种制作图表的方法,压缩前约为500KB。我想找到方法来精简这个文件,特别是因为我们只使用线条图和条形图 构建模块化NVD3库的推荐方法是什么 我修改了注释,删除了所有不需要的内容:Nvd3.js 什么';定制nvd3版本的推荐方法是什么?,nvd3.js,Nvd3.js,NVD3包括十几种制作图表的方法,压缩前约为500KB。我想找到方法来精简这个文件,特别是因为我们只使用线条图和条形图 构建模块化NVD3库的推荐方法是什么 我修改了注释,删除了所有不需要的内容: src: [ 'src/intro.js', 'src/core.js', 'src/interactiveLayer.js', 'src/tooltip.js', 'src/utils.js', 'src/models/axis.js', // 'src/m
src: [
'src/intro.js',
'src/core.js',
'src/interactiveLayer.js',
'src/tooltip.js',
'src/utils.js',
'src/models/axis.js',
// 'src/models/historicalBar.js',
// 'src/models/bullet.js',
// 'src/models/bulletChart.js',
// 'src/models/cumulativeLineChart.js',
// 'src/models/discreteBar.js',
// 'src/models/discreteBarChart.js',
// 'src/models/distribution.js',
'src/models/historicalBar.js',
// 'src/models/historicalBarChart.js',
// 'src/models/indentedTree.js',
'src/models/legend.js',
'src/models/line.js',
// 'src/models/lineChart.js',
'src/models/linePlusBarChart.js',
// 'src/models/lineWithFocusChart.js',
// 'src/models/linePlusBarWithFocusChart.js',
// 'src/models/multiBar.js',
// 'src/models/multiBarChart.js',
// 'src/models/multiBarHorizontal.js',
// 'src/models/multiBarHorizontalChart.js',
// 'src/models/multiChart.js',
// 'src/models/ohlcBar.js',
// 'src/models/pie.js',
// 'src/models/pieChart.js',
'src/models/scatter.js',
// 'src/models/scatterChart.js',
// 'src/models/scatterPlusLineChart.js',
// 'src/models/sparkline.js',
// 'src/models/sparklinePlus.js',
// 'src/models/stackedArea.js',
// 'src/models/stackedAreaChart.js',
'src/outro.js'
]
这是可行的,但最好是基于模块(browserify、AMD…)的更好的解决方案。我修改了注释,删除了所有不需要的内容:
src: [
'src/intro.js',
'src/core.js',
'src/interactiveLayer.js',
'src/tooltip.js',
'src/utils.js',
'src/models/axis.js',
// 'src/models/historicalBar.js',
// 'src/models/bullet.js',
// 'src/models/bulletChart.js',
// 'src/models/cumulativeLineChart.js',
// 'src/models/discreteBar.js',
// 'src/models/discreteBarChart.js',
// 'src/models/distribution.js',
'src/models/historicalBar.js',
// 'src/models/historicalBarChart.js',
// 'src/models/indentedTree.js',
'src/models/legend.js',
'src/models/line.js',
// 'src/models/lineChart.js',
'src/models/linePlusBarChart.js',
// 'src/models/lineWithFocusChart.js',
// 'src/models/linePlusBarWithFocusChart.js',
// 'src/models/multiBar.js',
// 'src/models/multiBarChart.js',
// 'src/models/multiBarHorizontal.js',
// 'src/models/multiBarHorizontalChart.js',
// 'src/models/multiChart.js',
// 'src/models/ohlcBar.js',
// 'src/models/pie.js',
// 'src/models/pieChart.js',
'src/models/scatter.js',
// 'src/models/scatterChart.js',
// 'src/models/scatterPlusLineChart.js',
// 'src/models/sparkline.js',
// 'src/models/sparklinePlus.js',
// 'src/models/stackedArea.js',
// 'src/models/stackedAreaChart.js',
'src/outro.js'
]
这是可行的,但是基于模块的更好的解决方案(browserify、AMD…)将是首选。因此,在1.8.2版更新Grunfile之后,有一点改变。您将不再看到js文件列表。您将看到
'src/models/*.js',
我正在按照所选答案创建自定义生成。因此,为了创建它,我浏览了每个图表模块,并记录了它们使用的模型。稍后,我将这些js文件添加到grunfile.js
中的concat.js.src
对象中。以下是最常见的线形图示例:
concat: {
...
js: {
options: {
...
},
src: [
'src/core.js',
'src/dom.js',
'src/interactiveLayer.js',
'src/tooltip.js',
'src/utils.js',
//Include all files in src/models
// 'src/models/*.js',
// example to exclude files: '!src/models/excludeMe*'
'src/models/axis.js',
'src/models/legend.js',
'src/models/line.js',
'src/models/lineChart.js',
'src/models/scatter.js',
],
...
}
},
因此,在1.8.2版更新之后,Grunfile做了一些更改。您将不再看到js文件列表。您将看到'src/models/*.js',
我正在按照所选答案创建自定义生成。因此,为了创建它,我浏览了每个图表模块,并记录了它们使用的模型。稍后,我将这些js文件添加到grunfile.js
中的concat.js.src
对象中。以下是最常见的线形图示例:
concat: {
...
js: {
options: {
...
},
src: [
'src/core.js',
'src/dom.js',
'src/interactiveLayer.js',
'src/tooltip.js',
'src/utils.js',
//Include all files in src/models
// 'src/models/*.js',
// example to exclude files: '!src/models/excludeMe*'
'src/models/axis.js',
'src/models/legend.js',
'src/models/line.js',
'src/models/lineChart.js',
'src/models/scatter.js',
],
...
}
},
你能说得更具体一点吗