echarts-stat icon indicating copy to clipboard operation
echarts-stat copied to clipboard

Update README, documentation with Echarts v5.0 examples

Open dvago opened this issue 3 years ago • 2 comments

Hi there,

First of all, thanks for creating and maintaining this library.

This issue is to request the possibility to update the documentation.

It seems like registerTransform doesn't exists in the newer version of Echarts - see url: Echarts API search page

Also, could you please write down some example of how to import the single functionalities rather than importing the whole package?

e.g. (not sure it exists, so the below is just an example to help you understand my request)

import { histogram } from 'ecstat/transform'

dvago avatar Jun 07 '21 11:06 dvago

@dvago

If using bundler (like webpack, rollup, etc.), for example:

npm install echarts-stat
npm install echarts
import * as echarts from 'echarts';
import {transform} from 'echarts-stat';

echarts.registerTransform(transform.histogram);

var myChart = echarts.init(document.getElementById('main0'));

var option = {
    dataset: [{
        source: [
            [8.3, 143], [8.6, 214], [8.8, 251], [10.5, 26], [10.7, 86], [10.8, 93], [11.0, 176], [11.0, 39], [11.1, 221], [11.2, 188], [11.3, 57], [11.4, 91], [11.4, 191], [11.7, 8], [12.0, 196], [12.9, 177], [12.9, 153], [13.3, 201], [13.7, 199], [13.8, 47], [14.0, 81], [14.2, 98], [14.5, 121], [16.0, 37], [16.3, 12], [17.3, 105], [17.5, 168], [17.9, 84], [18.0, 197], [18.0, 155], [20.6, 125]
        ]
    }, {
        transform: {
            type: 'ecStat:histogram'
        }
    }],
    tooltip: {
    },
    xAxis: {
        type: 'category',
        scale: true
    },
    yAxis: {},
    series: {
        name: 'histogram',
        type: 'bar',
        barWidth: '99.3%',
        label: {
            show: true,
            position: 'top'
        },
        datasetIndex: 1
    }
};

myChart.setOption(option);

100pah avatar Jun 10 '21 08:06 100pah

Thanks @100pah,

As far as I can see the first import is the full library of echarts, using the bundlers I would tend to use partial modules and import them via import { use } from 'echarts/core'

So I believe along with the import {transform} from 'echarts-stat'; I should also import the method: registerTransform.

I saw you created a new issue on the main echarts library so perhaps it's something we need to wait and expect from the next release of echarts, am I correct?

Thanks again for your support

dvago avatar Jun 14 '21 13:06 dvago