Add pluguin with existing visualization to add modification kibana 5.4.x

Elastic Stack Kibana
1

Hi,
I am using kibana 5.4.0
I find that's its possible to add pluguin using existing visualization and add modification in kibana 6.x.

what i need it's for kibana 5.4.x, change to add in basic chart ( pie and vertical bar )

It's possible for kibana 5.4.x using existing visualization in pluguin or i need to duplicate the code, and modify tiny bits of it to fit the need of the new plugin ??

anyone have sample files for visualization development for version 5.4.x using existing visualization or a docuementation who helps me ?

@spalger, @LeeDr ,
hi, @vincentforiter you have ask this for version 5.2 , have you please some clarifications for me ? how you did for your data table modification ?

Thank's for all,

Radi

2

@radi there isn't a way to customize existing Visualizations using a plugin. If the modification that you're looking for is applicable to a wide-number of users, opening up an enhancement request here will let us gauge the interest and prioritize it appropriately.

If you want to write your own Visualization plugin, this blog post series is a good place to start, and there's a more updated webinar covering these same topics

3

HI @Brandon_Kobel, thank's for your replay,
when you say : there isn't a way to customize existing Visualizations using a plugin!

you mean i can't use duplicate code of visulaization pie for example, and modify tiny bits of it to fit the need of the new plugin ??
(add code of visualization pie in new pluguin with new options )

for webinar I've seen this before, but unfortunately I'm on version 5.4 and its anly support in version 6. X

4

@radi it's technically possible for you to duplicate the code from an existing Visualization and modify it for your use-case, you just can't override certain behaviors without a large amount of code duplication.

I'm not aware of any guides specifically targeted at version 5.4, so you'll likely need to use the existing guides as a starting point and look at the code specifically in 5.4 to figure out the differences.

5

hi @Brandon_Kobel, i duplicate code of pie visulaization but when i run npm start in localhost i have loading page after i have this error :
Kibana did not load properly. Check the server output for more information.

and console log :

kibana:181 GET https://localhost:5601/khq/bundles/kibana.style.css?v=8467 net::ERR_EMPTY_RESPONSE
kibana:177 GET https://localhost:5601/khq/bundles/commons.bundle.js?v=8467 net::ERR_EMPTY_RESPONSE

GET https://localhost:5601/khq/bundles/commons.style.css?v=8467 net::ERR_EMPTY_RESPONSE

I don't have any errors in the console --dev and I don't see the link of my new plugin and the errors with

bundles/commons.bundle.js and bundles/commons.style.css

have you any idea for this errors ??

thank's
radi

6

can you check the server output ? (command line where you did npm start is showing some errors probably)

7

hi, @ppisljar i have no errors the lazy optimize sucess !

server log [12:29:45.469] [info][status][ui settings] Status changed from yellow to green - Ready
optmzr log [12:30:26.631] [info][optimize] Lazy optimization success in 44.59 seconds

8

no idea what goes wrong, but could you explain a bit more on how you copied the pie chart vis ?
(which folders did you duplicate, which files did you modify)

9

the folder i use is kibana\src\core_plugins\kbn_vislib_vis_types\public
i copied the pie.js ,kbn_vislib_vis_types.js
and folder;

  • image with juste icon-pie.svg
  • editors
    -controls
    and i creat new folder in plugins "pie-costum "with folder public with
  • editors
    -controls
    -pie.js
    -kbn_vislib_vis_types.js (rename pie-costum)
    with just this code :
    import visTypes from 'ui/registry/vis_types';
    import pieVisTypeProvider from 'plugins/pie-costum/pie';
    visTypes.register(pieVisTypeProvider);

package.json with
{
"name": "pie-costum",
"version": "5.4.4"
}
and index.js

'use strict';

module.exports = function (kibana) {

return new kibana.Plugin({

uiExports: {
  visTypes: [
    'plugins/pie-costum/pie-costum'
  ]
}

});

}

10

did you update the pie-costum, to import the correct file and register it with VisTypesRegistry ?
did you update the pie.js and gave it a uniqe name, and fix all the imports ?
did you fix imports in all other files to correctly import your new version of files ?

that's just a few pointers, but i guess you will need to dig in this on your own.

11

thank'sI have succeeded to add new pluguin with dpulicate code of pie

but i still have One error in console :

commons.bundle.js?v=8467:38 TypeError: visType is not a function
at new VisConfig (kibana.bundle.js?v=8467:69)

have you any idea why ?

12

put a breakpoint there and figure out whats going wrong ? a missing import or something like that ?

13

Thank you, I'll see about that

14

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.